lifetracker/apps/web/components/settings/sidebar/Sidebar.tsx

37 lines
1.0 KiB
TypeScript

import { redirect } from "next/navigation";
import SidebarItem from "@/components/shared/sidebar/SidebarItem";
import { getServerAuthSession } from "@/server/auth";
import serverConfig from "@lifetracker/shared/config";
import { settingsSidebarItems } from "./items";
import TimezoneDisplay from "@/components/TimezoneDisplay";
export default async function Sidebar() {
const session = await getServerAuthSession();
if (!session) {
redirect("/");
}
return (
<aside className="flex h-[calc(100vh-64px)] w-60 flex-col gap-5 border-r p-4 ">
<div>
<ul className="space-y-2 text-sm font-medium">
{settingsSidebarItems.map((item) => (
<SidebarItem
key={item.name}
logo={item.icon}
name={item.name}
path={item.path}
/>
))}
</ul>
</div>
<div className="mt-auto flex items-center border-t pt-2 text-sm text-gray-400">
<TimezoneDisplay />
</div>
</aside>
);
}