fix

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

@@ -0,0 +1,101 @@
+<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 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'
+
+const route = useRoute('apps-user-view-id')
+const userTab = ref(null)
+
+const tabs = [
+  {
+    icon: 'ri-group-line',
+    title: 'Overview',
+  },
+  {
+    icon: 'ri-lock-2-line',
+    title: 'Security',
+  },
+  {
+    icon: 'ri-bookmark-line',
+    title: 'Billing & Plan',
+  },
+  {
+    icon: 'ri-notification-4-line',
+    title: 'Notifications',
+  },
+  {
+    icon: 'ri-link-m',
+    title: 'Connections',
+  },
+]
+
+const { data: userData } = await useApi(`/apps/users/${ route.params.id }`)
+</script>
+
+<template>
+  <VRow v-if="userData">
+    <VCol
+      cols="12"
+      md="5"
+      lg="4"
+    >
+      <UserBioPanel :user-data="userData" />
+    </VCol>
+
+    <VCol
+      cols="12"
+      md="7"
+      lg="8"
+    >
+      <VTabs
+        v-model="userTab"
+        class="v-tabs-pill"
+      >
+        <VTab
+          v-for="tab in tabs"
+          :key="tab.icon"
+        >
+          <VIcon
+            start
+            :icon="tab.icon"
+          />
+          <span>{{ tab.title }}</span>
+        </VTab>
+      </VTabs>
+
+      <VWindow
+        v-model="userTab"
+        class="mt-6 disable-tab-transition"
+        :touch="false"
+      >
+        <VWindowItem>
+          <UserTabOverview />
+        </VWindowItem>
+
+        <VWindowItem>
+          <UserTabSecurity />
+        </VWindowItem>
+
+        <VWindowItem>
+          <UserTabBillingsPlans />
+        </VWindowItem>
+
+        <VWindowItem>
+          <UserTabNotifications />
+        </VWindowItem>
+
+        <VWindowItem>
+          <UserTabConnections />
+        </VWindowItem>
+      </VWindow>
+    </VCol>
+  </VRow>
+  <VCard v-else>
+    <VCardTitle class="text-center">
+      No User Found
+    </VCardTitle>
+  </VCard>
+</template>

resources/js/pages/providers/providers.vue

@@ -74,10 +74,10 @@ const headers = [
     key: 'phone_no',
   },
  
-  {
-    title: 'ACTIONS',
-    key: 'actions',
-  },
+  // {
+  //   title: 'ACTIONS',
+  //   key: 'actions',
+  // },
 ]
 
 const resolveStatusVariant = status => {
@@ -253,12 +253,14 @@ onMounted(() => {
             <IconBtn
               size="small"
               @click="editItem(item)"
+              style="display: none;"
             >
               <VIcon icon="ri-pencil-line" />
             </IconBtn>
             <IconBtn
               size="small"
               @click="deleteItem(item)"
+               style="display: none;"
             >
               <VIcon icon="ri-delete-bin-line" />
             </IconBtn>