pangolin/src/app/[orgId]/settings/access/invitations/page.tsx

import { internal } from "@app/lib/api";
import { authCookieHeader } from "@app/lib/api/cookies";
import { AxiosResponse } from "axios";
import InvitationsTable, {
    InvitationRow
} from "@app/components/InvitationsTable";
import { GetOrgResponse } from "@server/routers/org";
import { cache } from "react";
import OrgProvider from "@app/providers/OrgProvider";
import UserProvider from "@app/providers/UserProvider";
import { verifySession } from "@app/lib/auth/verifySession";
import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
import { getTranslations } from "next-intl/server";
import type { Metadata } from "next";

export const metadata: Metadata = {
    title: "Invitations"
};

type InvitationsPageProps = {
    params: Promise<{ orgId: string }>;
};

export const dynamic = "force-dynamic";

export default async function InvitationsPage(props: InvitationsPageProps) {
    const params = await props.params;
    const t = await getTranslations();

    const getUser = cache(verifySession);
    const user = await getUser();

    let invitations: {
        inviteId: string;
        email: string;
        expiresAt: number;
        roles: { roleId: number; roleName: string | null }[];
    }[] = [];
    let hasInvitations = false;

    const res = await internal
        .get<
            AxiosResponse<{
                invitations: typeof invitations;
                pagination: { total: number };
            }>
        >(`/org/${params.orgId}/invitations`, await authCookieHeader())
        .catch((e) => {});

    if (res && res.status === 200) {
        invitations = res.data.data.invitations;
        hasInvitations = res.data.data.pagination.total > 0;
    }

    let org: GetOrgResponse | null = null;
    const getOrg = cache(async () =>
        internal
            .get<
                AxiosResponse<GetOrgResponse>
            >(`/org/${params.orgId}`, await authCookieHeader())
            .catch((e) => {
                console.error(e);
            })
    );
    const orgRes = await getOrg();

    if (orgRes && orgRes.status === 200) {
        org = orgRes.data.data;
    }

    const invitationRows: InvitationRow[] = invitations.map((invite) => {
        const names = invite.roles
            .map((r) => r.roleName || t("accessRoleUnknown"))
            .filter(Boolean);
        return {
            id: invite.inviteId,
            email: invite.email,
            expiresAt: new Date(Number(invite.expiresAt)).toISOString(),
            roleLabels: names,
            roleIds: invite.roles.map((r) => r.roleId)
        };
    });

    return (
        <>
            <SettingsSectionTitle
                title={t("inviteTitle")}
                description={t("inviteDescription")}
            />
            <UserProvider user={user!}>
                <OrgProvider org={org}>
                    <InvitationsTable invitations={invitationRows} />
                </OrgProvider>
            </UserProvider>
        </>
    );
}