feat: borrow page lost tab

Author: agmmtoo

app/(protected)/admin/borrows/page.tsx

@@ -45,7 +45,7 @@ export default async function Borrows({
   const sp = await searchParams
   const skip = Number(sp?.skip ?? 0)
   const limit = Number(sp?.limit ?? 20)
-  const status = sp?.status as 'active' | 'overdue' | 'returned'
+  const status = sp?.status as 'active' | 'overdue' | 'returned' | 'lost'
 
   const headers = await Verify({
     from: '/admin/borrows',
@@ -134,6 +134,7 @@ export default async function Borrows({
           { name: 'Active', href: '/admin/borrows?status=active' },
           { name: 'Overdue', href: '/admin/borrows?status=overdue' },
           { name: 'Returned', href: '/admin/borrows?status=returned' },
+          { name: 'Lost', href: '/admin/borrows?status=lost' },
         ]}
         activeHref={`/admin/borrows${status ? `?status=${status}` : ''}`}
       />

app/(protected)/borrows/page.tsx

@@ -40,7 +40,7 @@ export default async function Borrows({
   const skip = Number(sp?.skip ?? 0)
   const limit = Number(sp?.limit ?? 20)
   const library_id = sp?.library_id
-  const status = sp?.status as 'active' | 'overdue' | 'returned'
+  const status = sp?.status as 'active' | 'overdue' | 'returned' | 'lost'
 
   const headers = await Verify({
     from: '/borrows',
@@ -111,6 +111,7 @@ export default async function Borrows({
           { name: 'Active', href: '/borrows?status=active' },
           { name: 'Overdue', href: '/borrows?status=overdue' },
           { name: 'Returned', href: '/borrows?status=returned' },
+          { name: 'Lost', href: '/borrows?status=lost' },
         ]}
         activeHref={`/borrows${status ? `?status=${status}` : ''}`}
       />

components/borrows/FormBorrow.tsx

@@ -33,7 +33,6 @@ import { zodResolver } from '@hookform/resolvers/zod'
 import { createBorrow } from '@/lib/api/borrow'
 import {
   Command,
-  // CommandEmpty,
   CommandGroup,
   CommandInput,
   CommandItem,
@@ -42,7 +41,6 @@ import {
 import {
   Form,
   FormControl,
-  // FormDescription,
   FormField,
   FormItem,
   FormLabel,
@@ -102,10 +100,13 @@ export const FormBorrow: React.FC<FormBorrowProps> = (props) => {
 
   function onSubmit(data: z.infer<typeof FormSchema>) {
     createBorrow(data)
-      .then(console.log)
-      .then(() => {
+      .then((res) => {
+        if ('error' in res) {
+          toast.error(res.error)
+          return
+        }
         toast('Borrow created successfully')
-        router.push('/borrows')
+        router.push(`/admin/borrows/${res.data.id}`)
       })
       .catch((e) => {
         toast.error(e?.error)

components/borrows/TabLink.tsx

@@ -15,7 +15,7 @@ export const TabLink = <T extends string>({
   return (
     <div
       className={cn(
-        'inline-flex gap-2 w-fit items-center justify-center rounded-lg bg-muted text-muted-foreground p-[3px]',
+        'inline-flex gap-2 w-fit items-center justify-center rounded-lg bg-muted text-muted-foreground p-[3px] flex-wrap',
         className
       )}
     >

lib/api/borrow.ts

@@ -9,7 +9,7 @@ type GetListBorrowsQuery = QueryParams<
     is_active?: boolean
     is_expired?: boolean
     library_id?: string
-    status?: 'active' | 'overdue' | 'returned'
+    status?: 'active' | 'overdue' | 'returned' | 'lost'
     user_id?: string
   }
 >
@@ -33,6 +33,8 @@ export const getListBorrows = async (
       url.searchParams.append('is_overdue', 'true')
     } else if (status === 'returned') {
       url.searchParams.append('is_returned', 'true')
+    } else if (status === 'lost') {
+      url.searchParams.append('is_lost', 'true')
     }
   }