sourcebot/packages/web/src/app/[domain]/settings/page.tsx

import { Header } from "../components/header";
import { auth } from "@/auth";
import { getUser } from "@/data/user";
import { prisma } from "@/prisma";
import { MemberTable } from "./components/memberTable";
import { MemberInviteForm } from "./components/memberInviteForm";
import { InviteTable } from "./components/inviteTable";

interface SettingsPageProps {
    params: {
        domain: string;
    };
}

export default async function SettingsPage({
    params: { domain }
}: SettingsPageProps) {
    const fetchData = async () => {
        const session = await auth();
        if (!session) {
            return null;
        }

        const user = await getUser(session.user.id);
        if (!user) {
            return null;
        }

        const activeOrg = await prisma.org.findUnique({
            where: {
                domain,
            },
        });

        if (!activeOrg) {
            return null;
        }

        const members = await prisma.user.findMany({
            where: {
                orgs: {
                    some: {
                        orgId: activeOrg.id,
                    },
                },
            },
            include: {
                orgs: {
                    where: {
                        orgId: activeOrg.id,
                    },
                    select: {
                        role: true,
                    },
                },
            },
        });

        const invites = await prisma.invite.findMany({
            where: {
                orgId: activeOrg.id,
            },
        });

        const memberInfo = members.map((member) => ({
            name: member.name!,
            role: member.orgs[0].role,
        }));

        const inviteInfo = invites.map((invite) => ({
            id: invite.id,
            email: invite.recipientEmail,
            createdAt: invite.createdAt,
        }));

        return {
            user,
            memberInfo,
            inviteInfo,
            activeOrg,
        };
    };

    const data = await fetchData();
    if (!data) {
        return <div>Error: Unable to fetch data</div>;
    }
    const { user, memberInfo, inviteInfo } = data;


    return (
        <div>
            <Header>
                <h1 className="text-3xl">Settings</h1>
            </Header>
            <div>
                <MemberInviteForm userId={user.id} />
                <InviteTable initialInvites={inviteInfo} />
                <MemberTable initialMembers={memberInfo} />
            </div>
        </div>
    )
}