layout.tsx

import React from "react"
import { Metadata } from "next"
import { SidebarNav } from "./components/sidebar-nav"
import { NavigationMenu } from "../components/navigationMenu"
import { redirect } from "next/navigation";
import { auth } from "@/auth";
import { isServiceError } from "@/lib/utils";
import { getConnectionStats, getOrgAccountRequests } from "@/actions";
import { ServiceErrorException } from "@/lib/serviceError";
import { OrgRole } from "@prisma/client";
import { env, hasEntitlement } from "@sourcebot/shared";
import { SINGLE_TENANT_ORG_DOMAIN } from "@/lib/constants";
import { withAuthV2 } from "@/withAuthV2";

interface LayoutProps {
    children: React.ReactNode;
    params: Promise<{ domain: string }>;
}

export const metadata: Metadata = {
    title: "Settings",
}

export default async function SettingsLayout(
    props: LayoutProps
) {
    const params = await props.params;

    const {
        domain
    } = params;

    const {
        children
    } = props;

    const session = await auth();
    if (!session) {
        return redirect(`/${domain}`);
    }

    const sidebarNavItems = await getSidebarNavItems();
    if (isServiceError(sidebarNavItems)) {
        throw new ServiceErrorException(sidebarNavItems);
    }

    return (
        <div className="min-h-screen flex flex-col">
            <NavigationMenu domain={domain} />
            <main className="flex-grow flex justify-center p-4 bg-backgroundSecondary relative">
                <div className="w-full max-w-6xl rounded-lg p-6">
                    <div className="container mx-auto">
                        <div className="mb-16">
                            <h1 className="text-3xl font-semibold">Settings</h1>
                        </div>
                        <div className="flex flex-row gap-10">
                            <aside className="lg:w-48">
                                <SidebarNav items={sidebarNavItems} />
                            </aside>
                            <div className="w-full rounded-lg">{children}</div>
                        </div>
                    </div>
                </div>
            </main>
        </div>
    )
}

export const getSidebarNavItems = async () =>
    withAuthV2(async ({ role }) => {
        let numJoinRequests: number | undefined;
        if (role === OrgRole.OWNER) {
            const requests = await getOrgAccountRequests();
            if (isServiceError(requests)) {
                throw new ServiceErrorException(requests);
            }
            numJoinRequests = requests.length;
        }

        const connectionStats = await getConnectionStats();
        if (isServiceError(connectionStats)) {
            throw new ServiceErrorException(connectionStats);
        }

        return [
            ...(role === OrgRole.OWNER ? [
                {
                    title: "Access",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/access`,
                }
            ] : []),
            ...(role === OrgRole.OWNER ? [{
                title: "Members",
                isNotificationDotVisible: numJoinRequests !== undefined && numJoinRequests > 0,
                href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/members`,
            }] : []),
            ...(role === OrgRole.OWNER ? [
                {
                    title: "Connections",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/connections`,
                    hrefRegex: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/connections(/[^/]+)?$`,
                    isNotificationDotVisible: connectionStats.numberOfConnectionsWithFirstTimeSyncJobsInProgress > 0,
                }
            ] : []),
            ...(env.DISABLE_API_KEY_USAGE_FOR_NON_OWNER_USERS === 'false' || role === OrgRole.OWNER ? [
                {
                    title: "API Keys",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/apiKeys`,
                }
            ] : []),
            ...(role === OrgRole.OWNER ? [
                {
                    title: "Analytics",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/analytics`,
                },
            ] : []),
            ...(hasEntitlement("sso") ? [
                {
                    title: "Linked Accounts",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/linked-accounts`,
                }
            ] : []),
            ...(role === OrgRole.OWNER ? [
                {
                    title: "License",
                    href: `/${SINGLE_TENANT_ORG_DOMAIN}/settings/license`,
                }
            ] : []),
        ]
    });