"use client"; import { useState } from "react"; import { Dialog } from "@calcom/features/components/controlled-dialog"; import { subdomainSuffix } from "@calcom/features/ee/organizations/lib/orgDomains"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { trpc } from "@calcom/trpc/react"; import { Badge } from "@calcom/ui/components/badge"; import { ConfirmationDialogContent } from "@calcom/ui/components/dialog"; import { DropdownActions, Table } from "@calcom/ui/components/table"; import { showToast } from "@calcom/ui/components/toast"; const { Body, Cell, ColumnTitle, Header, Row } = Table; export function AdminOrgTable() { const { t } = useLocale(); const utils = trpc.useUtils(); const [data] = trpc.viewer.organizations.adminGetAll.useSuspenseQuery(); const updateMutation = trpc.viewer.organizations.adminUpdate.useMutation({ onSuccess: async (_data, variables) => { showToast(t("org_has_been_processed"), "success"); await invalidateQueries(utils, { orgId: variables.id, }); }, onError: (err) => { showToast(err.message, "error"); }, }); const deleteMutation = trpc.viewer.organizations.adminDelete.useMutation({ onSuccess: async (res, variables) => { showToast(res.message, "success"); await invalidateQueries(utils, variables); }, onError: (err) => { console.error(err.message); showToast(t("org_error_processing"), "error"); }, }); const publishOrg = async (org: (typeof data)[number]) => { if (!org.metadata?.requestedSlug) { showToast(t("could_not_find_slug_to_publish_org"), "error"); console.error("metadata.requestedSlug isn't set", org.metadata?.requestedSlug); return; } updateMutation.mutate({ id: org.id, slug: org.metadata.requestedSlug, }); }; const [orgToDelete, setOrgToDelete] = useState<(typeof data)[number] | null>(null); return (
{t("organization")} {t("owner")} {t("reviewed")} {t("dns_configured")} {t("published")} {t("admin_api")} {t("edit")}
{data.map((org) => (
{org.name}
{org.slug}.{subdomainSuffix()}
{org.members.length ? org.members[0].user.email : "No members"}
{!org.organizationSettings?.isAdminReviewed ? ( {t("unreviewed")} ) : ( {t("reviewed")} )}
{org.organizationSettings?.isOrganizationConfigured ? ( {t("dns_configured")} ) : ( {t("dns_missing")} )}
{!org.slug ? ( {t("unpublished")} ) : ( {t("published")} )}
{!org.organizationSettings?.isAdminAPIEnabled ? ( {t("disabled")} ) : ( {t("enabled")} )}
{ updateMutation.mutate({ id: org.id, organizationSettings: { isAdminReviewed: true, }, }); }, icon: "check" as const, }, ] : []), ...(!org.organizationSettings?.isOrganizationConfigured ? [ { id: "dns", label: t("mark_dns_configured"), onClick: () => { updateMutation.mutate({ id: org.id, organizationSettings: { isOrganizationConfigured: true, }, }); }, icon: "check-check" as const, }, ] : []), { id: "edit", label: t("edit"), href: `/settings/admin/organizations/${org.id}/edit`, icon: "pencil" as const, }, ...(!org.slug ? [ { id: "publish", label: t("publish"), onClick: () => { publishOrg(org); }, icon: "book-open-check" as const, }, ] : []), { id: "api", label: org.organizationSettings?.isAdminAPIEnabled ? t("revoke_admin_api") : t("grant_admin_api"), onClick: () => { updateMutation.mutate({ id: org.id, organizationSettings: { isAdminAPIEnabled: !org.organizationSettings?.isAdminAPIEnabled, }, }); }, icon: "terminal" as const, }, { id: "delete", label: t("delete"), onClick: () => { setOrgToDelete(org); }, icon: "trash" as const, }, ]} />
))}
setOrgToDelete(null)} onConfirm={() => { if (!orgToDelete) return; deleteMutation.mutate({ orgId: orgToDelete.id, }); }} />
); } export default AdminOrgTable; const DeleteOrgDialog = ({ org, onConfirm, onClose, }: { org: { id: number; name: string; } | null; onConfirm: () => void; onClose: () => void; }) => { const { t } = useLocale(); if (!org) { return null; } return ( // eslint-disable-next-line @typescript-eslint/no-empty-function -- noop (open ? () => {} : onClose())}> ); }; async function invalidateQueries(utils: ReturnType, data: { orgId: number }) { await utils.viewer.organizations.adminGetAll.invalidate(); await utils.viewer.organizations.adminGet.invalidate({ id: data.orgId, }); // Due to some super weird reason, just invalidate doesn't work, so do refetch as well. await utils.viewer.organizations.adminGet.refetch({ id: data.orgId, }); }