pangolin/src/app/[orgId]/layout.tsx
2024-10-14 00:02:55 -04:00

63 lines
1.6 KiB
TypeScript

import { Metadata } from "next";
import { TopbarNav } from "./components/TopbarNav";
import { Cog, Combine, LayoutGrid, Tent, Users, Waypoints } from "lucide-react";
import Header from "./components/Header";
import { verifySession } from "@app/lib/auth/verifySession";
import { redirect } from "next/navigation";
export const metadata: Metadata = {
title: "Configuration",
description: "",
};
const topNavItems = [
{
title: "Sites",
href: "/{orgId}/sites",
icon: <Combine />,
},
{
title: "Resources",
href: "/{orgId}/resources",
icon: <Waypoints />,
},
{
title: "Users",
href: "/{orgId}/users",
icon: <Users />,
},
{
title: "General",
href: "/{orgId}/general",
icon: <Cog />,
},
];
interface ConfigurationLaytoutProps {
children: React.ReactNode;
params: { orgId: string };
}
export default async function ConfigurationLaytout({
children,
params,
}: ConfigurationLaytoutProps) {
const user = await verifySession();
if (!user) {
redirect("/auth/login");
}
return (
<>
<div className="w-full bg-stone-200 border-b border-stone-300 mb-8 select-none sm:px-0 px-3">
<div className="container mx-auto flex flex-col content-between gap-4 pt-2">
<Header email={user.email} orgName={params.orgId} />
<TopbarNav items={topNavItems} orgId={params.orgId} />
</div>
</div>
<div className="container mx-auto sm:px-0 px-3">{children}</div>
</>
);
}