1 files changed, 66 insertions, 0 deletions
diff --git a/apps/web/components/dashboard/sidebar/Sidebar.tsx b/apps/web/components/dashboard/sidebar/Sidebar.tsx
new file mode 100644
index 00000000..a5c1d7a5
--- /dev/null
+++ b/apps/web/components/dashboard/sidebar/Sidebar.tsx
@@ -0,0 +1,66 @@
+import { Tag, Home, PackageOpen, Settings, Search, Shield } from "lucide-react";
+import { redirect } from "next/navigation";
+import SidebarItem from "./SidebarItem";
+import { getServerAuthSession } from "@/server/auth";
+import Link from "next/link";
+import SidebarProfileOptions from "./SidebarProfileOptions";
+import { Separator } from "@/components/ui/separator";
+import AllLists from "./AllLists";
+import serverConfig from "@hoarder/shared/config";
+import { api } from "@/server/api/client";
+
+export default async function Sidebar() {
+  const session = await getServerAuthSession();
+  if (!session) {
+    redirect("/");
+  }
+
+  const lists = await api.lists.list();
+
+  return (
+    <aside className="flex h-screen w-60 flex-col gap-5 border-r p-4">
+      <Link href={"/dashboard/bookmarks"}>
+        <div className="flex items-center rounded-lg px-1 text-slate-900">
+          <PackageOpen />
+          <span className="ml-2 text-base font-semibold">Hoarder</span>
+        </div>
+      </Link>
+      <hr />
+      <div>
+        <ul className="space-y-2 text-sm font-medium">
+          <SidebarItem
+            logo={<Home />}
+            name="Home"
+            path="/dashboard/bookmarks"
+          />
+          {serverConfig.meilisearch && (
+            <SidebarItem
+              logo={<Search />}
+              name="Search"
+              path="/dashboard/search"
+            />
+          )}
+          <SidebarItem logo={<Tag />} name="Tags" path="/dashboard/tags" />
+          <SidebarItem
+            logo={<Settings />}
+            name="Settings"
+            path="/dashboard/settings"
+          />
+          {session.user.role == "admin" && (
+            <SidebarItem
+              logo={<Shield />}
+              name="Admin"
+              path="/dashboard/admin"
+            />
+          )}
+        </ul>
+      </div>
+      <Separator />
+      <AllLists initialData={lists} />
+      <div className="mt-auto flex justify-between justify-self-end">
+        <div className="my-auto"> {session.user.name} </div>
+        <SidebarProfileOptions />
+      </div>
+    </aside>
+  );
+}