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

app/components/pub/base/data-table/data-table.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '~/components/pub/ui/table'
-
+import type { DataTableLoader } from './type'
 defineProps<{
   rows: unknown[]
   cols: any[]
@@ -11,7 +11,7 @@ defineProps<{
   funcComponent: Record<string, (row: any, idx: number) => any>
 }>()
 
-const pullData = inject('pull_data') as any
+const loader = inject('table_data_loader') as DataTableLoader
 </script>
 
 <template>
@@ -25,7 +25,7 @@ const pullData = inject('pull_data') as any
       </TableRow>
     </TableHeader>
 
-    <TableBody v-if="pullData.dataListLoading">
+    <TableBody v-if="loader.isTableLoading">
       <!-- Loading state with 5 skeleton rows -->
       <TableRow v-for="n in 5" :key="`skeleton-${n}`">
         <TableCell v-for="(key, cellIndex) in keys" :key="`cell-skel-${n}-${cellIndex}`">

app/components/pub/base/data-table/type.ts

@@ -0,0 +1,4 @@
+export interface DataTableLoader {
+  isTableLoading: boolean
+  [key: string]: boolean
+}

app/components/pub/base/service-status/service-status.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ServiceStatus } from './service-status.type'
+import type { ServiceStatus } from './type'
 import { Loader, Loader2 } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'
 

app/components/pub/base/summary-card/summary-card.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Summary } from './summary-card.type'
+import type { Summary } from './type'
 import { ChevronDown, ChevronUp } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'