fix

resources/js/pages/patients/patient-profile.vue

@@ -4,8 +4,9 @@ import PatienTabOverview from '@/pages/patients/PatienTabOverview.vue'
 import PatientBioPanel from '@/pages/patients/PatientBioPanel.vue'
 import PrescriptionPanel from '@/pages/patients/PrescriptionPanel.vue'
 
-import UserTabNotifications from '@/views/apps/user/view/UserTabNotifications.vue'
+// import UserTabNotifications from '@/views/apps/user/view/UserTabNotifications.vue'
 import { useStore } from 'vuex'
+import patientProfile from '../patients/patientprofile.vue'
 const patientDtail = ref(null);
 
 const store = useStore();
@@ -25,6 +26,10 @@ const tabs = [
     icon: 'ri-bookmark-line',
     title: 'Prescriptions',
   },
+  {
+    icon: 'ri-survey-line',
+    title: 'Profile',
+  },
   // {
   //   icon: 'ri-notification-4-line',
   //   title: 'Notifications',
@@ -98,8 +103,12 @@ onMounted(async () => {
           <PrescriptionPanel :prescription-data="patientDtail"/>
         </VWindowItem>
 
-        <VWindowItem>
+        <!-- <VWindowItem>
           <UserTabNotifications />
+        </VWindowItem> -->
+
+        <VWindowItem>
+          <patientProfile :patient_id="route.params.id"/>
         </VWindowItem>
 
        

resources/js/pages/patients/patientprofile.vue

@@ -17,9 +17,15 @@ const dob = ref(null);
 const agePatient = ref(null);
 const isMobile = ref(window.innerWidth <= 768);
 const patientId = route.params.patient_id
-
+const props = defineProps({
+  patient_id: {
+    type: Object,
+    required: true,
+  },
+})
 
 onMounted(async () => {
+    console.log('patient id',props.patient_id)
     const navbar = document.querySelector('.layout-navbar');
     const callDiv = document.querySelector('.layout-page-content');
     if (navbar) {
@@ -28,8 +34,8 @@ onMounted(async () => {
     if (callDiv)
         callDiv.style.padding = '1.5rem';
     store.dispatch('updateIsLoading', true)
-    await store.dispatch('patientDetial',{id:patientId})
-    await store.dispatch('getAgentQuestionsAnswers',{patient_id:patientId})
+    await store.dispatch('patientDetial',{id:props.patient_id})
+    await store.dispatch('getAgentQuestionsAnswers',{patient_id:props.patient_id})
     username.value = store.getters.getPatientDetail.patient.first_name + ' ' + store.getters.getPatientDetail.patient.last_name;
     email.value = store.getters.getPatientDetail.patient.email
     phone.value = store.getters.getPatientDetail.patient.phone_no
@@ -116,7 +122,7 @@ const calculateAge = (dateOfBirth) => {
 
 <template>
     <v-row class='mb-2'>
-        <VCol cols="12" md="12" class="mb-4 " v-if="username || phone" style="font-size: 16px;">
+        <!-- <VCol cols="12" md="12" class="mb-4 " v-if="username || phone" style="font-size: 16px;">
             <VCard>
                 <VCardText>
                     <h3 class="mb-2"> {{ username }}</h3>
@@ -134,7 +140,7 @@ const calculateAge = (dateOfBirth) => {
                 </div>
                 <div class="mb-2">
                     <VTooltip location="left" activator="parent" transition="scroll-x-transition">
-                        Date of birth
+                        Date of Birth
                     </VTooltip>
                     <VIcon icon="ri-calendar-line" size="20" class="me-2" />{{ dob }}
                 </div>
@@ -153,7 +159,7 @@ const calculateAge = (dateOfBirth) => {
                 </div>
                 </VCardText>
             </VCard>
-        </VCol>
+        </VCol> -->
         <v-col cols="12" md="12">
             <VList class="">
                 <VListItem class="">

resources/js/pages/providers/CompletedMeetingTab.vue

@@ -47,7 +47,6 @@ const headers = [
   { key: 'start_time', title: 'Start Time' },
   { key: 'end_time', title: 'End Time' },
   { key: 'duration', title: 'Duration' },
-  { title: 'Actions', key: 'profile' }, // Add this line
 ];
 
 function totalCallDuration(start_time, end_time) {
@@ -111,11 +110,6 @@ const historyDetail = (item, value) => {
     if(value == 'prescription')
     router.push('/admin/patient/meeting/prescription/' + route.params.id + '/' + item.id);
 }
-const viewProfile = (item) => {
-    console.log('Viewing profile for', item);
-    // Navigate to the profile page (modify the route as per your application structure)
-    router.push('/admin/providers/patientprofile/' + item.patient_id);
-}
 
 const menusVariant = [
   'primary'
@@ -164,10 +158,6 @@ const options = [
         >
           <template #item.id="{ item }">{{ item.id }}</template>
           <template #item.duration="{ item }">{{ item.duration }}</template>
-          <!-- Profile Button -->
-          <template #item.profile="{ item }">
-            <v-btn class="text-capitalize text-white" @click="viewProfile(item)">Profile</v-btn>
-          </template>
           <!-- Actions -->
           <template #item.actions="{ item }">
           <div class="demo-space-x">

resources/js/plugins/1.router/additional-routes.js

@@ -138,11 +138,11 @@ export const routes = [
     name: 'admin-provider-profile',
      component: () => import('@/pages/providers/provider-profile.vue'),
   },
-  {
-    path: '/admin/providers/patientprofile/:patient_id',
-    name: 'admin-providers-patientprofile',
-    component: () => import('@/pages/patients/patientprofile.vue'),
-  },
+  // {
+  //   path: '/admin/providers/patientprofile/:patient_id',
+  //   name: 'admin-providers-patientprofile',
+  //   component: () => import('@/pages/patients/patientprofile.vue'),
+  // },
   {
     path: '/apps/email/filter/:filter',
     name: 'apps-email-filter',