feat: borrow detail no actions for user

Author: agmmtoo

app/(protected)/borrows/[id]/page.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link'
-import { Verify } from '@/lib/firebase/firebase'
+import { IsLoggedIn, Verify } from '@/lib/firebase/firebase'
 import { getBorrow, getListBorrows } from '@/lib/api/borrow'
 import { Badge } from '@/components/ui/badge'
 import {
@@ -31,6 +31,7 @@ import { differenceInDays } from 'date-fns'
 import { Borrow } from '@/lib/types/borrow'
 import { Button } from '@/components/ui/button'
 import { BtnUndoReturn } from '@/components/borrows/BtnUndoReturn'
+import { redirect, RedirectType } from 'next/navigation'
 
 export default async function BorrowDetailsPage({
   params,
@@ -39,7 +40,9 @@ export default async function BorrowDetailsPage({
 }) {
   const { id } = await params
 
-  await Verify({ from: `/borrows/${id}` })
+  const from = `/borrows/${id}`
+
+  const headers = await Verify({ from })
 
   const [borrowRes] = await Promise.all([getBorrow({ id })])
 
@@ -49,11 +52,10 @@ export default async function BorrowDetailsPage({
 
   const isDue = isBorrowDue(borrowRes.data)
 
-  // const progressPercent = getBorrowProgressPercent(borrowRes.data)
-
-  const headers = await Verify({
-    from: '/borrows',
-  })
+  const claim = await IsLoggedIn()
+  if (!claim || !claim.librarease) {
+    redirect(`/login?from=${encodeURIComponent(from)}`, RedirectType.replace)
+  }
 
   let prevBorrows: Borrow[] = []
   const [prevBorrowsRes] = await Promise.all([
@@ -75,6 +77,12 @@ export default async function BorrowDetailsPage({
     prevBorrows = prevBorrowsRes.data
   }
 
+  const isSuperAdmin = claim.librarease.role === 'SUPERADMIN'
+  const isAdmin = claim.librarease.role === 'ADMIN'
+  const isStaff = claim.librarease.admin_libs
+    .concat(claim.librarease.staff_libs)
+    .includes(borrowRes.data.subscription.membership.library_id)
+
   return (
     <>
       <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -306,27 +314,32 @@ export default async function BorrowDetailsPage({
         </Card>
       )}
 
-      <div className="bottom-0 sticky py-2 flex flex-col md:flex-row gap-2 md:gap-4 basis-1/2">
-        {borrowRes.data.returning ? (
-          <BtnUndoReturn
-            variant="outline"
-            className="w-full"
-            borrow={borrowRes.data}
-          />
-        ) : (
-          <BtnReturnBook
-            variant="outline"
-            className="w-full"
-            borrow={borrowRes.data}
-          />
-        )}
-        <Button asChild>
-          <Link href={`/borrows/${borrowRes.data.id}/edit`} className="w-full">
-            <Pen />
-            Edit
-          </Link>
-        </Button>
-      </div>
+      {(isSuperAdmin || isAdmin || isStaff) && (
+        <div className="bottom-0 sticky py-2 flex flex-col md:flex-row gap-2 md:gap-4 basis-1/2">
+          {borrowRes.data.returning ? (
+            <BtnUndoReturn
+              variant="outline"
+              className="w-full"
+              borrow={borrowRes.data}
+            />
+          ) : (
+            <BtnReturnBook
+              variant="outline"
+              className="w-full"
+              borrow={borrowRes.data}
+            />
+          )}
+          <Button asChild>
+            <Link
+              href={`/borrows/${borrowRes.data.id}/edit`}
+              className="w-full"
+            >
+              <Pen />
+              Edit
+            </Link>
+          </Button>
+        </div>
+      )}
     </>
   )
 }

lib/firebase/firebase.ts

@@ -55,7 +55,7 @@ export async function IsLoggedIn(): Promise<
   | (DecodedIdToken & {
       librarease: {
         id: string
-        role: string
+        role: 'USER' | 'ADMIN' | 'SUPERADMIN'
         admin_libs: string[]
         staff_libs: string[]
       }
@@ -76,7 +76,7 @@ export async function IsLoggedIn(): Promise<
     return {
       librarease: {
         id: '',
-        role: '',
+        role: 'USER',
         admin_libs: [],
         staff_libs: [],
       },