blob: 0ed87dafc069187e150d2090591e5147e07cfdf3 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
import { Button } from "@/components/ui/button";
import { authOptions } from "@/lib/auth";
import { Archive, MoreHorizontal, Star, Tag, Home, Brain} from "lucide-react";
import { getServerSession } from "next-auth";
import Link from "next/link";
import { redirect } from "next/navigation";
function SidebarItem({
name,
logo,
path,
}: {
name: string;
logo: React.ReactNode;
path: string;
}) {
return (
<li className="rounded-lg px-3 py-2 hover:bg-slate-100">
<Link href={path} className="flex w-full space-x-2">
{logo}
<span className="my-auto"> {name} </span>
</Link>
</li>
);
}
export default async function Sidebar() {
const session = await getServerSession(authOptions);
if (!session) {
redirect("/");
}
return (
<aside className="flex flex-col h-full w-60 border-r p-4">
<div className="flex px-1 mb-5 items-center rounded-lg text-slate-900">
<Brain />
<span className="ml-2 text-base font-semibold">Remember</span>
</div>
<hr />
<div>
<ul className="space-y-2 mt-5 text-sm font-medium">
<SidebarItem logo={<Home />} name="Home" path="#" />
<SidebarItem logo={<Star />} name="Favourites" path="#" />
<SidebarItem logo={<Archive />} name="Archived" path="#" />
<SidebarItem logo={<Tag />} name="Tags" path="#" />
</ul>
</div>
<div className="mt-auto flex justify-between">
<div className="my-auto"> {session.user.name} </div>
<Button variant="ghost" className="h-10 w-30">
<MoreHorizontal />
</Button>
</div>
</aside>
);
}
|
