feat(contract): add contract download functionality to CompanyBillingInfo and update CompanyView

Author: Francisca105

frontend/src/components/companies/CompanyBillingInfo.vue

@@ -61,6 +61,11 @@
             <p class="text-sm">{{ company?.billingInfo?.tin }}</p>
           </div>
         </div>
+
+        <ContractDownload
+          v-if="canSeeContract"
+          :company-id="company?.id as string"
+        />
       </div>
 
       <!-- No Billing Info State -->
@@ -75,6 +80,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from "vue";
+import { useAuthStore } from "@/stores/auth";
 import { useCompanyBillingMutation } from "@/mutations/companies";
 import type { Company, CompanyBillingInfo } from "@/dto/companies";
 import Card from "../ui/card/Card.vue";
@@ -85,6 +91,7 @@ import CardTitle from "../ui/card/CardTitle.vue";
 import Button from "../ui/button/Button.vue";
 import BillingForm from "./BillingForm.vue";
 import EmptyStateCard from "../ui/EmptyStateCard.vue";
+import ContractDownload from "./ContractDownload.vue";
 
 interface Props {
   company?: Company;
@@ -115,6 +122,14 @@ const hasBillingInfo = computed(() => {
 const billingMutation = useCompanyBillingMutation();
 const { mutate: updateBilling, isLoading: isUpdating } = billingMutation;
 
+const authStore = useAuthStore();
+const canSeeContract = computed(
+  () =>
+    authStore.isAuthenticated &&
+    authStore.decoded &&
+    (authStore.decoded as { role?: string }).role === "COORDINATOR",
+);
+
 const startEditing = () => {
   isEditing.value = true;
 };

frontend/src/components/companies/ContractDownload.vue

@@ -1,11 +1,21 @@
 <template>
-  <div class="flex gap-2">
-    <Button :disabled="isLoading" @click="download('pt')"
-      >Generate Contract (PT)</Button
+  <div class="flex flex-col gap-2">
+    <Button
+      size="sm"
+      class="w-full"
+      :disabled="isLoading"
+      @click="download('pt')"
     >
-    <Button :disabled="isLoading" @click="download('en')"
-      >Generate Contract (EN)</Button
+      Generate Contract (PT)
+    </Button>
+    <Button
+      size="sm"
+      class="w-full"
+      :disabled="isLoading"
+      @click="download('en')"
     >
+      Generate Contract (EN)
+    </Button>
   </div>
 </template>
 

frontend/src/views/Dashboard/Companies/CompanyView.vue

@@ -21,10 +21,6 @@
         @updated="handleCompanyUpdated"
       />
 
-      <div class="mt-4">
-        <ContractDownload :company-id="companyId as string" />
-      </div>
-
       <!-- Company Contacts -->
       <!-- prettier-ignore -->
       <CompanyContacts
@@ -64,7 +60,6 @@ import CompanyContacts from "@/components/companies/CompanyContacts.vue";
 import CompanyCommunications from "@/components/companies/CompanyCommunications.vue";
 import ParticipationsCard from "@/components/ParticipationsCard.vue";
 import DirectEmailDialogTrigger from "@/components/DirectEmailDialogTrigger.vue";
-import ContractDownload from "@/components/companies/ContractDownload.vue";
 import type { CompanyWithParticipation } from "@/dto/companies";
 import { withCurrentParticipation } from "@/lib/utils";
 import { useEventStore } from "@/stores/event";