From f4071f7c357b9c1297a7a62a2e967fe1b57efbc7 Mon Sep 17 00:00:00 2001
From: Efraim Munthe <efrayanglain@gmail.com>
Date: Fri, 4 Oct 2024 22:27:56 +0700
Subject: [PATCH 1/2] feat: change section heading styles

---
 pages/admin/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index aedd5e3f..23dbbc21 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -169,7 +169,7 @@ onMounted(async () => {
 
   <div v-else class="grid grid-cols-2 gap-4">
     <section class="main-section">
-      <h2>Buku yang belum dikonfirmasi</h2>
+      <h2 class="leading-relaxed mb-4">Buku yang belum dikonfirmasi</h2>
 
       <DataTable :value="bukusBorrowPending" size="small">
         <template #empty>
@@ -188,7 +188,7 @@ onMounted(async () => {
     </section>
 
     <section class="main-section flex-1">
-      <h2>Buku mau dikembalikan</h2>
+      <h2 class="leading-relaxed mb-4">Buku mau dikembalikan</h2>
 
       <DataTable :value="bukusReturnPending" size="small">
         <template #empty>
@@ -207,7 +207,7 @@ onMounted(async () => {
     </section>
 
     <section class="main-section col-span-full">
-      <h2>Buku yang sedang dipinjam</h2>
+      <h2 class="leading-relaxed mb-4">Buku yang sedang dipinjam</h2>
 
       <DataTable :value="bukusBorrowConfirmed">
         <template #empty>

From df78b3ac68771cb338e077a579803263665e6169 Mon Sep 17 00:00:00 2001
From: Efraim Munthe <efrayanglain@gmail.com>
Date: Fri, 4 Oct 2024 22:28:45 +0700
Subject: [PATCH 2/2] feat: add types to prop

---
 pages/admin/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 23dbbc21..564b8ec9 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -180,7 +180,7 @@ onMounted(async () => {
         <Column field="pengguna.nama" header="Peminjam" />
         <Column field="pengguna.kelas" header="Kelas" />
         <Column header="aksi">
-          <template #body="{ data }">
+          <template #body="{ data }: { data: PeminjamanData[number] }">
             <CTA label="konfirmasi" @click="konfirmasiPeminjaman(data.id)" />
           </template>
         </Column>
@@ -199,8 +199,8 @@ onMounted(async () => {
         <Column field="pengguna.nama" header="peminjam" />
         <Column field="pengguna.kelas" header="kelas" />
         <Column header="aksi">
-          <template #body="{ data }">
-            <CTA label="Konfirmasi" @click="konfirmasiPengembalian(data.id, data.buku)" />
+          <template #body="{ data }: { data: PeminjamanData[number] }">
+            <CTA label="Konfirmasi" @click="konfirmasiPengembalian(data, data.buku as Buku)" />
           </template>
         </Column>
       </DataTable>
@@ -218,7 +218,7 @@ onMounted(async () => {
         <Column field="pengguna.nama" header="Peminjam" />
         <Column field="pengguna.kelas" header="Kelas" />
         <Column header="Dipinjam pada">
-          <template #body="{ data }">
+          <template #body="{ data }: { data: PeminjamanData[number] }">
             {{ formatDate(new Date(data.tgl_pinjam), { dateStyle: "long", timeStyle: "long" }) }}
           </template>
         </Column>