fix

resources/js/pages/providers/provider-profile.vue

@@ -1,11 +1,13 @@
 <script setup>
-import UserBioPanel from '@/views/apps/user/view/UserBioPanel.vue'
-import UserTabBillingsPlans from '@/views/apps/user/view/UserTabBillingsPlans.vue'
-import UserTabConnections from '@/views/apps/user/view/UserTabConnections.vue'
+import NotesPanel from '@/pages/providers/NotesPanel.vue'
+import PrescriptionPanel from '@/pages/providers/PrescriptionPanel.vue'
+import ProviderBioPanel from '@/pages/providers/ProviderBioPanel.vue'
+import ProviderTabOverview from '@/pages/providers/ProviderTabOverview.vue'
 import UserTabNotifications from '@/views/apps/user/view/UserTabNotifications.vue'
-import UserTabOverview from '@/views/apps/user/view/UserTabOverview.vue'
-import UserTabSecurity from '@/views/apps/user/view/UserTabSecurity.vue'
+import { useStore } from 'vuex'
+const patientDtail = ref(null);
 
+const store = useStore();
 const route = useRoute('apps-user-view-id')
 const userTab = ref(null)
 
@@ -16,33 +18,45 @@ const tabs = [
   },
   {
     icon: 'ri-lock-2-line',
-    title: 'Security',
+    title: 'Notes',
   },
   {
     icon: 'ri-bookmark-line',
-    title: 'Billing & Plan',
-  },
-  {
-    icon: 'ri-notification-4-line',
-    title: 'Notifications',
-  },
-  {
-    icon: 'ri-link-m',
-    title: 'Connections',
+    title: 'Prescriptions',
   },
+  // {
+  //   icon: 'ri-notification-4-line',
+  //   title: 'Notifications',
+  // },
+  // {
+  //   icon: 'ri-link-m',
+  //   title: 'Connections',
+  // },
 ]
+const getPatientDeatail = async () => {
+  store.dispatch('updateIsLoading', true);
+  await store.dispatch('providerDetial', { id: route.params.id });
+  store.dispatch('updateIsLoading', false);
 
-const { data: userData } = await useApi(`/apps/users/${ route.params.id }`)
+  let list = store.getters.getProviderDetail;
+  patientDtail.value=list
+  console.log(list.patient);
+};
+onMounted(async () => {
+  await getPatientDeatail();
+  
+});
+//const { data: userData } = await useApi(`/apps/users/${ route.params.id }`)
 </script>
 
 <template>
-  <VRow v-if="userData">
+  <VRow v-if="patientDtail">
     <VCol
       cols="12"
       md="5"
       lg="4"
     >
-      <UserBioPanel :user-data="userData" />
+      <ProviderBioPanel :user-data="patientDtail" />
     </VCol>
 
     <VCol
@@ -72,24 +86,22 @@ const { data: userData } = await useApi(`/apps/users/${ route.params.id }`)
         :touch="false"
       >
         <VWindowItem>
-          <UserTabOverview />
+          <ProviderTabOverview :user-data="patientDtail"/>
         </VWindowItem>
 
         <VWindowItem>
-          <UserTabSecurity />
+          <NotesPanel :notes-data="patientDtail"/>
         </VWindowItem>
 
         <VWindowItem>
-          <UserTabBillingsPlans />
+          <PrescriptionPanel :prescription-data="patientDtail"/>
         </VWindowItem>
 
         <VWindowItem>
           <UserTabNotifications />
         </VWindowItem>
 
-        <VWindowItem>
-          <UserTabConnections />
-        </VWindowItem>
+       
       </VWindow>
     </VCol>
   </VRow>

resources/js/pages/providers/providers.vue

@@ -231,7 +231,12 @@ onMounted(() => {
             </VAvatar>
 
             <div class="d-flex flex-column ms-3">
+               <router-link
+                  :to="{ name: 'admin-provider-profile', params: { id: item.id } }"
+                  class="text-high-emphasis  "
+                >
               <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+               </router-link>
               <small>{{ item.post }}</small>
             </div>
           </div>