fix: view contract permissions

Author: luckspt

frontend/src/components/companies/CompanyBillingInfo.vue

@@ -80,7 +80,6 @@
 
 <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";
@@ -92,6 +91,7 @@ import Button from "../ui/button/Button.vue";
 import BillingForm from "./BillingForm.vue";
 import EmptyStateCard from "../ui/EmptyStateCard.vue";
 import ContractDownload from "./ContractDownload.vue";
+import { usePermissions } from "@/composables/usePermissions";
 
 interface Props {
   company?: Company;
@@ -122,14 +122,8 @@ 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" ||
-      (authStore.decoded as { role?: string }).role === "ADMIN"),
-);
+const permissions = usePermissions();
+const canSeeContract = computed(() => permissions.isCoordinatorOrAdmin);
 
 const startEditing = () => {
   isEditing.value = true;

frontend/src/components/tasks/TaskContract.vue

@@ -36,7 +36,7 @@
       </div>
 
       <ContractDownload
-        v-if="entityType === 'company'"
+        v-if="entityType === 'company' && canSeeContract"
         :company-id="props.entityId"
       />
     </div>
@@ -56,6 +56,7 @@ import type {
   CompanyTasks,
   CompanyTaskContract,
 } from "@/dto/tasks";
+import { usePermissions } from "@/composables/usePermissions";
 
 const props = defineProps<{
   entityId: string;
@@ -74,6 +75,9 @@ const hasSigned = ref(props.companyTasks?.contract?.signed ?? false);
 const hasReceiptSent = ref(props.companyTasks?.contract?.receiptSent ?? false);
 const hasPaid = ref(props.companyTasks?.contract?.paid ?? false);
 
+const permissions = usePermissions();
+const canSeeContract = computed(() => permissions.isCoordinatorOrAdmin);
+
 watch(
   [hasCreatedContract, hasSentContract, hasSigned, hasReceiptSent, hasPaid],
   () => {