60 lines
2.3 KiB
TypeScript
60 lines
2.3 KiB
TypeScript
import { redirect } from "next/navigation";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { getSessionUser } from "@/lib/session";
|
|
import { listPendingSkillActivationRequests, getOrgBilling } from "@/lib/db";
|
|
import { getPackageDef } from "@/lib/packages";
|
|
import { BackLink } from "@/components/ui/back-link";
|
|
import { PendingSkillRequests } from "@/components/admin/skills/pending-skill-requests";
|
|
|
|
/**
|
|
* /admin/skills/pending — admin queue for manual-setup skill
|
|
* activation requests. Each row shows tenant, skill, requester
|
|
* info, and offers Approve / Reject actions.
|
|
*
|
|
* Server-renders the initial list. Approval/rejection trigger a
|
|
* client-side fetch + router.refresh() so the row disappears and
|
|
* the count updates without a hard reload.
|
|
*/
|
|
export default async function AdminPendingSkillRequestsPage() {
|
|
const user = await getSessionUser();
|
|
if (!user) redirect("/login");
|
|
if (!user.isPlatform) redirect("/dashboard");
|
|
const t = await getTranslations("adminSkills");
|
|
|
|
const pending = await listPendingSkillActivationRequests();
|
|
|
|
// Hydrate display fields: skill name from catalog, org company name
|
|
// from billing. Skill name fallback to skillId for off-catalog
|
|
// entries (shouldn't happen but defensive). Company name is
|
|
// looked up lazily per row; dedup'd via a Map so we don't issue
|
|
// duplicate getOrgBilling calls for the same org.
|
|
const seenOrg = new Map<string, string | null>();
|
|
const rows = await Promise.all(
|
|
pending.map(async (r) => {
|
|
if (!seenOrg.has(r.zitadelOrgId)) {
|
|
const billing = await getOrgBilling(r.zitadelOrgId).catch(() => null);
|
|
seenOrg.set(r.zitadelOrgId, billing?.companyName ?? null);
|
|
}
|
|
const def = getPackageDef(r.skillId);
|
|
return {
|
|
...r,
|
|
skillName: def?.name ?? r.skillId,
|
|
companyName: seenOrg.get(r.zitadelOrgId) ?? null,
|
|
};
|
|
})
|
|
);
|
|
|
|
return (
|
|
<main className="max-w-5xl mx-auto px-6 py-8">
|
|
<BackLink href="/admin" label={t("backToAdmin")} />
|
|
<div className="mb-8 animate-in">
|
|
<h1 className="font-display text-2xl font-semibold accent-rule">
|
|
{t("title")}
|
|
</h1>
|
|
<p className="text-sm text-text-secondary mt-3">{t("subtitle")}</p>
|
|
</div>
|
|
<PendingSkillRequests initialRows={rows} />
|
|
</main>
|
|
);
|
|
}
|