Merge branch 'dev' of github.com:dikstub-rssa/simrs-fe into feat/satusehat

app/components/flow/patient/list.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
-import type { Summary } from '~/components/pub/base/summary-card.type'
-import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
+import type { DataTableLoader } from '~/components/pub/base/data-table/type';
+import type { Summary } from '~/components/pub/base/summary-card/type'
+import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
 import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
+import SummaryCard from '~/components/pub/base/summary-card/summary-card.vue'
+import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 
 const data = ref([])
 
@@ -18,9 +21,9 @@ const refSearchNav: RefSearchNav = {
 }
 
 // Loading state management
-const isLoading = reactive({
+const isLoading = reactive<DataTableLoader>({
   summary: false,
-  dataListLoading: false,
+  isTableLoading: false,
 })
 
 const recId = ref<number>(0)
@@ -83,13 +86,12 @@ async function getPatientSummary() {
 }
 
 async function getPatientList() {
-  isLoading.dataListLoading = true
+  isLoading.isTableLoading = true
   const resp = await xfetch('/api/v1/patient')
-  console.log('data patient', resp)
   if (resp.success) {
     data.value = (resp.body as Record<string, any>).data
   }
-  isLoading.dataListLoading = false
+  isLoading.isTableLoading = false
 }
 
 onMounted(() => {
@@ -100,18 +102,18 @@ onMounted(() => {
 provide('rec_id', recId)
 provide('rec_action', recAction)
 provide('rec_item', recItem)
-provide('pull_data', isLoading)
+provide('table_data_loader', isLoading)
 </script>
 
 <template>
-  <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
+  <Header :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
   <div class="my-4 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 />
+        <SummaryCard v-for="n in 4" :key="n" is-skeleton />
       </template>
       <template v-else>
-        <PubBaseSummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
+        <SummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
       </template>
     </div>
     <AppPatientList :data="data" />