From 0515f8628f25fb73de8dc854e501b645a3e611ae Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Sun, 10 Aug 2025 15:54:41 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20(patient):=20add=20example?=
 =?UTF-8?q?=20api=20request?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/flow/patient/list.vue   | 12 +++++++++++-
 app/pages/(features)/patient/index.vue |  6 +++++-
 app/pages/index.vue                    |  8 +++++---
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/app/components/flow/patient/list.vue b/app/components/flow/patient/list.vue
index 2f34f96d..b70a4c1b 100644
--- a/app/components/flow/patient/list.vue
+++ b/app/components/flow/patient/list.vue
@@ -7,7 +7,7 @@ const refSearchNav = {
     console.log('>>>', val)
   },
   onClear: () => {
-    // refresh page
+    // clear url param
   },
 }
 
@@ -19,6 +19,16 @@ const hreaderPrep: HeaderPrep = {
     onClick: () => (window.location.pathname = '/emergency/patient/add'),
   },
 }
+
+// NOTE: example api
+async function getPatientList() {
+  const { data } = await xfetch('/api/v1/patient')
+  console.log('data patient', data)
+}
+
+onMounted(() => {
+  getPatientList()
+})
 </script>
 
 <template>
diff --git a/app/pages/(features)/patient/index.vue b/app/pages/(features)/patient/index.vue
index e17b61a7..6a8b1dab 100644
--- a/app/pages/(features)/patient/index.vue
+++ b/app/pages/(features)/patient/index.vue
@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+definePageMeta({
+  roles: ['system', 'doctor'],
+})
+</script>
 
 <template>
   <div>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 5c7c6c81..f745ba70 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -2,9 +2,11 @@
 import { Activity, CreditCard, DollarSign, Users } from 'lucide-vue-next'
 
 definePageMeta({
-  middleware: 'auth',
+  roles: ['sys', 'doc'],
 })
 
+const { userRole } = useUserStore()
+
 const dataCard = ref({
   totalRevenue: 0,
   totalRevenueDesc: 0,
@@ -61,7 +63,7 @@ onMounted(() => {
 <template>
   <div class="flex w-full flex-col gap-4">
     <div class="flex flex-wrap items-center justify-between gap-2">
-      <h2 class="text-2xl font-bold tracking-tight">Dashboard</h2>
+      <h2 class="text-2xl font-bold tracking-tight">Dashboard {{ userRole }}</h2>
       <div class="flex items-center space-x-2"></div>
     </div>
     <main class="flex flex-1 flex-col gap-4 md:gap-8">
@@ -147,7 +149,7 @@ onMounted(() => {
             <CardTitle>Overview</CardTitle>
           </CardHeader>
           <CardContent class="pl-2">
-            <DashboardOverview />
+            <!-- <DashboardOverview /> -->
           </CardContent>
         </Card>
         <Card>