From 7ca8abc68ea5691f5ec76d604bd0defc1a740160 Mon Sep 17 00:00:00 2001
From: "nasir@endelospay.com" <nasir@endelospay.com>
Date: Tue, 11 Jun 2024 21:36:10 +0500
Subject: [PATCH] fix

---
 .../js/pages/providers/CompletedMeetingTab.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/resources/js/pages/providers/CompletedMeetingTab.vue b/resources/js/pages/providers/CompletedMeetingTab.vue
index 51f1ebb..bf4b2cb 100644
--- a/resources/js/pages/providers/CompletedMeetingTab.vue
+++ b/resources/js/pages/providers/CompletedMeetingTab.vue
@@ -157,6 +157,17 @@ const options = [
           class="text-no-wrap"
         >
           <template #item.id="{ item }">{{ item.id }}</template>
+            <template #item.patient_name="{ item }">
+            <div class="d-flex flex-column ms-3">
+                <router-link
+                  :to="{ name: 'admin-patient-profile', params: { id: item.patient_id } }"
+                  class="highlighted"
+                >
+              <span class="d-block font-weight-medium  text-truncate">{{ item.patient_name }}</span>
+               </router-link>
+              <small>{{ item.post }}</small>
+            </div>
+            </template>
           <template #item.duration="{ item }">{{ item.duration }}</template>
           <!-- Actions -->
           <template #item.actions="{ item }">
@@ -192,3 +203,10 @@ const options = [
     </v-col>
   </v-row>
 </template>
+<style scoped>
+.highlighted {
+  /* Add your desired highlighting styles here */
+  font-weight: bold;
+  color: #a169ff; /* or any other color you prefer */
+}
+</style>