polishing

resources/js/pages/Dynamics/Show.vue

@@ -24,7 +24,7 @@ defineOptions({
 
 const props = defineProps<{
     dynamic: {
-        id: number;
+        id: string;
         name: string;
         rules: string;
         chat: any;
@@ -37,7 +37,6 @@ const props = defineProps<{
             media?: Array<{ id: number; url: string; mime_type: string }>;
         }>;
     };
-    isOwner: boolean;
     messages: {
         data: Array<any>;
         next_page_url: string | null;
@@ -90,7 +89,7 @@ const breadcrumbs = [
             <!-- Ledgers List Component -->
             <LedgerList :dynamic-id="dynamic.id" :ledgers="dynamic.ledgers" />
 
-            <div v-if="isOwner" class="mt-8 flex gap-4">
+            <div v-if="can.update" class="mt-8 flex gap-4">
                 <InertiaLink :href="route('dynamics.invitations.create', dynamic.id)" class="c-dynamic-show__action-btn">
                     Invite User
                 </InertiaLink>
@@ -132,6 +131,7 @@ const breadcrumbs = [
 .c-dynamic-show__rules {
     @apply mt-2 text-sm;
     color: var(--muted-foreground);
+    white-space: pre-line;
 }
 
 .c-dynamic-show__settings-btn {