diff --git a/src/components/OrgIdpTable.tsx b/src/components/OrgIdpTable.tsx index ebcdca334..0e3a83dc2 100644 --- a/src/components/OrgIdpTable.tsx +++ b/src/components/OrgIdpTable.tsx @@ -50,6 +50,8 @@ import { useQuery } from "@tanstack/react-query"; import { useDebounce } from "use-debounce"; import type { ListUserAdminOrgIdpsResponse } from "@server/routers/orgIdp/types"; import { cn } from "@app/lib/cn"; +import { usePaidStatus } from "@app/hooks/usePaidStatus"; +import { tierMatrix } from "@server/lib/billing/tierMatrix"; export type IdpRow = { idpId: number; @@ -85,9 +87,12 @@ export default function IdpTable({ idps, orgId }: Props) { const api = createApiClient(useEnvContext()); const { user } = useUserContext(); + const { isPaidUser } = usePaidStatus(); const router = useRouter(); const t = useTranslations(); + const canImportOrgOidcIdp = isPaidUser(tierMatrix.orgOidc); + const { data: adminIdpsRaw = [] } = useQuery({ queryKey: ["admin-org-idps", user.userId], queryFn: async () => { @@ -378,7 +383,11 @@ export default function IdpTable({ idps, orgId }: Props) { key={`${row.idpId}:${row.orgId}`} className="items-start gap-3 py-2.5" value={`${row.idpId}:${row.orgId}:${row.orgName}:${row.name}`} + disabled={!canImportOrgOidcIdp} onSelect={() => { + if (!canImportOrgOidcIdp) { + return; + } void importIdp(row); }} >