portabase/app/(customer)/dashboard/(organization)/settings/page.tsx

import {PageParams} from "@/types/next";
import {Page, PageActions, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
import {currentUser} from "@/lib/auth/current-user";
import {getActiveMember, getOrganization} from "@/lib/auth/auth";
import {notFound} from "next/navigation";
import {Metadata} from "next";
import {OrganizationTabs} from "@/components/wrappers/dashboard/organization/tabs/organization-tabs";
import {getOrganizationChannels} from "@/db/services/notification-channel";
import {computeOrganizationPermissions} from "@/lib/acl/organization-acl";
import {getOrganizationStorageChannels} from "@/db/services/storage-channel";
import {DeleteOrganizationButton} from "@/components/wrappers/dashboard/organization/delete-organization-button";
import {EditOrganizationDialog} from "@/features/organization/components/edit-organization.dialog";
import {Button} from "@/components/ui/button";
import {GearIcon} from "@radix-ui/react-icons";
import {db} from "@/db";
import {isNull} from "drizzle-orm";
import * as drizzleDb from "@/db";
import {eq} from "drizzle-orm";

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

export default async function RoutePage(props: PageParams<{ slug: string }>) {
    const organization = await getOrganization({});
    const user = await currentUser();
    const activeMember = await getActiveMember()

    if (!organization || !activeMember || !user) {
        notFound();
    }

    const notificationChannels = await getOrganizationChannels(organization.id)
    const storageChannels = await getOrganizationStorageChannels(organization.id)
    const permissions = computeOrganizationPermissions(activeMember);

    const users = await db.query.user.findMany({
        where: (fields) => isNull(fields.deletedAt)
    });

    const organizationWithMembers = await db.query.organization.findFirst({
        where: eq(drizzleDb.schemas.organization.id, organization.id),
        with: {
            members: {
                with: {
                    user: true
                }
            }
        }
    });

    if (!organizationWithMembers) notFound();

    return (
        <Page>
            <PageHeader>
                <PageTitle className="flex flex-col md:flex-row items-center justify-between w-full ">
                    <div className="min-w-full md:min-w-fit ">
                        Organization settings
                    </div>
                        <div className="flex items-center gap-2 md:justify-between w-full ">
                            <div className="flex items-center gap-2">
                                {permissions.canManageSettings && organization.slug !== "default" && (
                                    <EditOrganizationDialog 
                                        organization={organizationWithMembers} 
                                        users={users} 
                                        currentUser={user}
                                    />
                                )}
                            </div>
                            <div className="flex items-center gap-2">
                                {permissions.canManageDangerZone && organization.slug !== "default" && (
                                    <DeleteOrganizationButton organizationSlug={organization.slug}/>
                                )}
                            </div>
                        </div>
                </PageTitle>
            </PageHeader>
            <PageContent>
                <OrganizationTabs
                    activeMember={activeMember}
                    organization={organization}
                    notificationChannels={notificationChannels}
                    storageChannels={storageChannels}
                />
            </PageContent>
        </Page>
    )
}