standardization of policies/permissions

resources/js/components/MutationList.vue

@@ -17,13 +17,16 @@ const props = defineProps<{
         created_at: string;
         chat: any;
         media?: Array<{ id: number; url: string; mime_type: string }>;
+        can: {
+            update: boolean;
+            void: boolean;
+        };
     }>;
     participants?: Array<{
         id: number;
         name: string;
         pivot?: { role: string };
     }>;
-    isOwner: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -167,25 +170,25 @@ function getAmountClass(amount: number): string {
 
                 <!-- Owner Approve/Reject Actions -->
                 <div
-                    v-if="isOwner && (mutation.status === 'pending' || mutation.status === 'approved')"
+                    v-if="mutation.can.update || mutation.can.void"
                     class="c-mutation-list__actions"
                 >
                     <button
-                        v-if="mutation.status === 'pending'"
+                        v-if="mutation.can.update"
                         @click="updateStatus(mutation.id, 'approved')"
                         class="c-mutation-list__approve-btn"
                     >
                         Approve
                     </button>
                     <button
-                        v-if="mutation.status === 'pending'"
+                        v-if="mutation.can.update"
                         @click="updateStatus(mutation.id, 'rejected')"
                         class="c-mutation-list__reject-btn"
                     >
                         Reject
                     </button>
                     <button
-                        v-if="mutation.status !== 'voided'"
+                        v-if="mutation.can.void"
                         @click="voidMutation(mutation.id)"
                         class="c-mutation-list__void-btn"
                     >