@@ -32,43 +32,45 @@ export default async function BorrowDetailsLayout({
3232 }
3333 return (
3434 < div className = "space-y-4" >
35- < h1 className = "text-2xl font-semibold" > { borrowRes . data . book . title } </ h1 >
36- < div className = "flex justify-between items-center" >
37- < Breadcrumb >
38- < BreadcrumbList >
39- < BreadcrumbItem >
40- < Link href = "/" passHref legacyBehavior >
41- < BreadcrumbLink > Home</ BreadcrumbLink >
42- </ Link >
43- </ BreadcrumbItem >
44- < BreadcrumbSeparator />
45- < BreadcrumbItem >
46- < Link href = "/borrows" passHref legacyBehavior >
47- < BreadcrumbLink > Borrows</ BreadcrumbLink >
48- </ Link >
49- </ BreadcrumbItem >
50- < BreadcrumbSeparator />
51- < BreadcrumbItem >
52- < Link href = { `/borrows/${ id } ` } passHref legacyBehavior >
53- < BreadcrumbLink > { borrowRes . data . book . title } </ BreadcrumbLink >
54- </ Link >
55- </ BreadcrumbItem >
56- </ BreadcrumbList >
57- </ Breadcrumb >
35+ < nav className = "backdrop-blur-sm sticky top-0 z-10" >
36+ < h1 className = "text-2xl font-semibold" > { borrowRes . data . book . title } </ h1 >
37+ < div className = "flex justify-between items-center" >
38+ < Breadcrumb >
39+ < BreadcrumbList >
40+ < BreadcrumbItem >
41+ < Link href = "/" passHref legacyBehavior >
42+ < BreadcrumbLink > Home</ BreadcrumbLink >
43+ </ Link >
44+ </ BreadcrumbItem >
45+ < BreadcrumbSeparator />
46+ < BreadcrumbItem >
47+ < Link href = "/borrows" passHref legacyBehavior >
48+ < BreadcrumbLink > Borrows</ BreadcrumbLink >
49+ </ Link >
50+ </ BreadcrumbItem >
51+ < BreadcrumbSeparator />
52+ < BreadcrumbItem >
53+ < Link href = { `/borrows/${ id } ` } passHref legacyBehavior >
54+ < BreadcrumbLink > { borrowRes . data . book . title } </ BreadcrumbLink >
55+ </ Link >
56+ </ BreadcrumbItem >
57+ </ BreadcrumbList >
58+ </ Breadcrumb >
5859
59- < Badge
60- variant = {
61- getBorrowStatus ( borrowRes . data ) === 'overdue'
62- ? 'destructive'
63- : getBorrowStatus ( borrowRes . data ) === 'returned'
64- ? 'secondary'
65- : 'default'
66- }
67- className = "uppercase h-8 min-w-24 justify-center"
68- >
69- { getBorrowStatus ( borrowRes . data ) }
70- </ Badge >
71- </ div >
60+ < Badge
61+ variant = {
62+ getBorrowStatus ( borrowRes . data ) === 'overdue'
63+ ? 'destructive'
64+ : getBorrowStatus ( borrowRes . data ) === 'returned'
65+ ? 'secondary'
66+ : 'default'
67+ }
68+ className = "uppercase h-8 min-w-24 justify-center"
69+ >
70+ { getBorrowStatus ( borrowRes . data ) }
71+ </ Badge >
72+ </ div >
73+ </ nav >
7274 { edit }
7375 { children }
7476 </ div >
0 commit comments