Changes to import and notifications

resources/js/Pages/Cases/Partials/ActivityTable.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from "vue";
-import { router } from "@inertiajs/vue3";
+import { Link, router } from "@inertiajs/vue3";
 import Dropdown from "@/Components/Dropdown.vue";
 import ConfirmationModal from "@/Components/ConfirmationModal.vue";
 import SecondaryButton from "@/Components/SecondaryButton.vue";
@@ -107,7 +107,19 @@ const confirmDeleteAction = () => {
             :key="row.id"
             class="border-b last:border-b-0"
           >
-            <td class="py-2 pr-4 align-top">{{ row.contract?.reference || "" }}</td>
+            <td class="py-2 pr-4 align-top">
+              <template v-if="row.contract?.reference">
+                {{ row.contract.reference }}
+              </template>
+              <template v-else>
+                <Link
+                  :href="route('clientCase.show', { client_case: client_case.uuid })"
+                  class="text-indigo-600 hover:underline"
+                >
+                  {{ client_case?.person?.full_name || "—" }}
+                </Link>
+              </template>
+            </td>
             <td class="py-2 pr-4 align-top">
               <div class="flex flex-col gap-1">
                 <span