Merge remote-tracking branch 'origin/dev' into feat/patient

app/components/flow/patient/list.vue

@@ -3,7 +3,10 @@ import type { Summary } from '~/components/pub/base/summary-card.type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
 import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
 
+const data = ref([])
+
 const refSearchNav: RefSearchNav = {
+
   onClick: () => {
     // open filter modal
   },
@@ -20,6 +23,9 @@ const isLoading = reactive({
   summary: false,
   table: false,
 })
+const recId = ref<number>(0)
+const recAction = ref<string>('')
+const recItem = ref<any>(null)
 
 const hreaderPrep: HeaderPrep = {
   title: 'Pasien',
@@ -67,7 +73,7 @@ async function getPatientSummary() {
   try {
     isLoading.summary = true
 
-    await new Promise((resolve) => setTimeout(resolve, 1500))
+    await new Promise((resolve) => setTimeout(resolve, 500))
   } catch (error) {
     console.error('Error fetching patient summary:', error)
     // Keep default/existing data on error
@@ -77,20 +83,26 @@ async function getPatientSummary() {
 }
 
 async function getPatientList() {
-  // const response = await xfetch('/api/v1/patient')
-  // console.log('data patient', response)
+  const resp = await xfetch('/api/v1/patient')
+  console.log('data patient', resp)
+  if (resp.success) {
+    data.value = (resp.body as Record<string, any>).data
+  }
 }
 
 onMounted(() => {
   getPatientSummary()
   getPatientList()
 })
+
+provide('rec_id', recId)
+provide('rec_action', recAction)
+provide('rec_item', recItem)
 </script>
 
 <template>
   <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
-
-  <main class="flex flex-1 flex-col gap-4 md:gap-8">
+  <div class="flex flex-1 flex-col gap-4 md:gap-8">
     <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
       <template v-if="isLoading.summary">
         <PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton />
@@ -99,5 +111,6 @@ onMounted(() => {
         <PubBaseSummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
       </template>
     </div>
-  </main>
+    <AppPatientList :data="data" />
+  </div>
 </template>