feat: authorize staffs route

Author: agmmtoo

app/staffs/new/error.tsx app/(protected)/staffs/new/error.tsxapp/staffs/new/error.tsx renamed to app/(protected)/staffs/new/error.tsx

@@ -24,6 +24,7 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { getListStaffs } from '@/lib/api/staff'
+import { Verify } from '@/lib/firebase/firebase'
 import Link from 'next/link'
 
 export default async function Staffs({
@@ -39,14 +40,24 @@ export default async function Staffs({
   const skip = Number(sp?.skip ?? 0)
   const limit = Number(sp?.limit ?? 20)
   const library_id = sp?.library_id
-  const res = await getListStaffs({
-    sort_by: 'created_at',
-    sort_in: 'desc',
-    limit: limit,
-    skip: skip,
-    ...(library_id ? { library_id } : {}),
+
+  const headers = await Verify({
+    from: '/staffs',
   })
 
+  const res = await getListStaffs(
+    {
+      sort_by: 'created_at',
+      sort_in: 'desc',
+      limit: limit,
+      skip: skip,
+      ...(library_id ? { library_id } : {}),
+    },
+    {
+      headers,
+    }
+  )
+
   if ('error' in res) {
     console.log(res)
     return <div>{JSON.stringify(res.message)}</div>

app/staffs/new/page.tsx app/(protected)/staffs/new/page.tsxapp/staffs/new/page.tsx renamed to app/(protected)/staffs/new/page.tsx

@@ -24,6 +24,7 @@ import {
 } from '@/components/ui/table'
 import { getListSubs } from '@/lib/api/subscription'
 import { Verify } from '@/lib/firebase/firebase'
+import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
 
 export default async function Subscriptions({
@@ -111,10 +112,10 @@ export default async function Subscriptions({
               <TableCell>{s.membership?.name}</TableCell>
               <TableCell>{s.membership?.library?.name}</TableCell>
               <TableCell>
-                <time dateTime={s.expires_at}>{s.expires_at}</time>
+                <time dateTime={s.expires_at}>{formatDate(s.expires_at)}</time>
               </TableCell>
               <TableCell>
-                <time dateTime={s.created_at}>{s.created_at}</time>
+                <time dateTime={s.created_at}>{formatDate(s.created_at)}</time>
               </TableCell>
               <TableCell>{s.active_loan_limit}</TableCell>
               <TableCell>{s.loan_period} D</TableCell>

app/staffs/page.tsx app/(protected)/staffs/page.tsxapp/staffs/page.tsx renamed to app/(protected)/staffs/page.tsx

@@ -23,6 +23,7 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { getListLibraries } from '@/lib/api/library'
+import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
 
 export default async function Libraries({
@@ -94,8 +95,8 @@ export default async function Libraries({
               <TableCell>
                 <Link href={`libraries/${lib.id}`}>{lib.name}</Link>
               </TableCell>
-              <TableCell>{lib.created_at}</TableCell>
-              <TableCell>{lib.updated_at}</TableCell>
+              <TableCell>{formatDate(lib.created_at)}</TableCell>
+              <TableCell>{formatDate(lib.updated_at)}</TableCell>
             </TableRow>
           ))}
         </TableBody>

app/(protected)/subscriptions/page.tsx

@@ -23,6 +23,7 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { getListUsers } from '@/lib/api/user'
+import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
 
 export default async function Users({
@@ -92,7 +93,7 @@ export default async function Users({
               <TableCell>{u.id}</TableCell>
               <TableCell>{u.name}</TableCell>
               <TableCell>{u.email}</TableCell>
-              <TableCell>{u.created_at}</TableCell>
+              <TableCell>{formatDate(u.created_at)}</TableCell>
             </TableRow>
           ))}
         </TableBody>

app/libraries/page.tsx

@@ -170,10 +170,15 @@ export const FormNewBorrow: React.FC<{ token: string }> = ({ token }) => {
   const [staffs, setStaffs] = useState<Staff[]>([])
 
   useEffect(() => {
-    getListStaffs({
-      limit: 20,
-      name: staffQ,
-    }).then((res) => {
+    getListStaffs(
+      {
+        limit: 20,
+        name: staffQ,
+      },
+      {
+        headers,
+      }
+    ).then((res) => {
       if ('error' in res) {
         toast({
           title: 'Error',

app/users/page.tsx

@@ -7,7 +7,8 @@ const STAFF_URL = `${BASE_URL}/staffs`
 type GetListStaffsQuery = QueryParams<Staff>
 type GetListStaffsResponse = Promise<ResList<Staff>>
 export const getListStaffs = async (
-  query: GetListStaffsQuery
+  query: GetListStaffsQuery,
+  init?: RequestInit
 ): GetListStaffsResponse => {
   const url = new URL(STAFF_URL)
   Object.entries(query).forEach(([key, value]) => {
@@ -16,7 +17,7 @@ export const getListStaffs = async (
     }
   })
 
-  const response = await fetch(url.toString())
+  const response = await fetch(url.toString(), init)
   return response.json()
 }
 

components/borrows/FormNewBorrow.tsx

@@ -13,6 +13,7 @@ export const config: MiddlewareConfig = {
   matcher: [
     '/subscriptions/:path*',
     '/borrows/:path*',
+    '/staffs/:path*',
     '/libraries/([0-9a-fA-F-]{36})/edit',
   ],
 }