Skip to content

Commit a3caae3

Browse files
committed
feat: protected layout
1 parent 92eaac4 commit a3caae3

File tree

15 files changed

+25
-24
lines changed

15 files changed

+25
-24
lines changed
Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -64,26 +64,28 @@ export default async function Books({
6464

6565
return (
6666
<div>
67-
<h1 className="text-2xl font-semibold">Books</h1>
68-
<div className="flex justify-between items-center">
69-
<Breadcrumb>
70-
<BreadcrumbList>
71-
<BreadcrumbItem>
72-
<Link href="/" passHref legacyBehavior>
73-
<BreadcrumbLink>Home</BreadcrumbLink>
74-
</Link>
75-
</BreadcrumbItem>
76-
<BreadcrumbSeparator />
67+
<nav className="backdrop-blur sticky top-0 z-10">
68+
<h1 className="text-2xl font-semibold">Books</h1>
69+
<div className="flex justify-between items-center">
70+
<Breadcrumb>
71+
<BreadcrumbList>
72+
<BreadcrumbItem>
73+
<Link href="/" passHref legacyBehavior>
74+
<BreadcrumbLink>Home</BreadcrumbLink>
75+
</Link>
76+
</BreadcrumbItem>
77+
<BreadcrumbSeparator />
7778

78-
<BreadcrumbItem>
79-
<BreadcrumbPage>Books</BreadcrumbPage>
80-
</BreadcrumbItem>
81-
</BreadcrumbList>
82-
</Breadcrumb>
83-
<Button asChild>
84-
<Link href="/books/new">Register New Book</Link>
85-
</Button>
86-
</div>
79+
<BreadcrumbItem>
80+
<BreadcrumbPage>Books</BreadcrumbPage>
81+
</BreadcrumbItem>
82+
</BreadcrumbList>
83+
</Breadcrumb>
84+
<Button asChild>
85+
<Link href="/books/new">Register New Book</Link>
86+
</Button>
87+
</div>
88+
</nav>
8789

8890
<Table>
8991
{/* <TableCaption>List of books available in the library.</TableCaption> */}

app/(protected)/layout.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
export default async function ProtectedLayout({
22
children,
3-
}: Readonly<{ children: React.ReactNode }>) {
4-
console.log('under (protected) layout: ')
5-
return <>{children}</>
3+
}: Readonly<{ children: React.ReactNode; heading: React.ReactNode }>) {
4+
return <div className="container mx-auto px-4">{children}</div>
65
}
File renamed without changes.

0 commit comments

Comments
 (0)