From 0f8edfb827d929fe6462eafe0bbe786b7cbc358b Mon Sep 17 00:00:00 2001
From: Daan Meijer <daan@studioseptember.nl>
Date: Mon, 22 Jun 2026 16:16:27 +0200
Subject: [PATCH] polishing, mutationlist gerepareerd

---
 resources/js/components/MutationList.vue | 8 ++++----
 resources/js/pages/Dynamics/Index.vue    | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/MutationList.vue b/resources/js/components/MutationList.vue
index 68f5ebe..d71f14a 100644
--- a/resources/js/components/MutationList.vue
+++ b/resources/js/components/MutationList.vue
@@ -170,25 +170,25 @@ function getAmountClass(amount: number): string {
 
                 <!-- Owner Approve/Reject Actions -->
                 <div
-                    v-if="mutation.can.update || mutation.can.void"
+                    v-if="mutation.can?.update || mutation.can?.void"
                     class="c-mutation-list__actions"
                 >
                     <button
-                        v-if="mutation.can.update"
+                        v-if="mutation.can?.update"
                         @click="updateStatus(mutation.id, 'approved')"
                         class="c-mutation-list__approve-btn"
                     >
                         Approve
                     </button>
                     <button
-                        v-if="mutation.can.update"
+                        v-if="mutation.can?.update"
                         @click="updateStatus(mutation.id, 'rejected')"
                         class="c-mutation-list__reject-btn"
                     >
                         Reject
                     </button>
                     <button
-                        v-if="mutation.can.void"
+                        v-if="mutation.can?.void"
                         @click="voidMutation(mutation.id)"
                         class="c-mutation-list__void-btn"
                     >
diff --git a/resources/js/pages/Dynamics/Index.vue b/resources/js/pages/Dynamics/Index.vue
index 7bc4038..86d42f5 100644
--- a/resources/js/pages/Dynamics/Index.vue
+++ b/resources/js/pages/Dynamics/Index.vue
@@ -114,6 +114,7 @@ defineProps<{
 
 .c-dynamics-index__item-desc {
     @apply mt-2 text-sm text-gray-600 dark:text-gray-400;
+    white-space: pre-line;
 }
 
 .c-dynamics-index__empty {