calendar/packages/features/ee/organizations/pages/settings/privacy.tsx

"use client";

import { DataTableProvider } from "@calcom/features/data-table";
import { useSegments } from "@calcom/features/data-table/hooks/useSegments";
import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
import MakeTeamPrivateSwitch from "@calcom/features/ee/teams/components/MakeTeamPrivateSwitch";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { trpc } from "@calcom/trpc/react";

import { BlocklistTable } from "~/settings/organizations/privacy/blocklist-table";

const PrivacyView = ({
  permissions,
  watchlistPermissions,
}: {
  permissions: { canRead: boolean; canEdit: boolean };
  watchlistPermissions?: {
    canRead: boolean;
    canCreate: boolean;
    canDelete: boolean;
  };
}) => {
  const { t } = useLocale();
  const { data: currentOrg } = trpc.viewer.organizations.listCurrent.useQuery();
  const isInviteOpen = !currentOrg?.user.accepted;

  const isDisabled = !permissions.canEdit || isInviteOpen;

  if (!currentOrg) return null;

  return (
    <LicenseRequired>
      <div className="space-y-8">
        <MakeTeamPrivateSwitch
          isOrg={true}
          teamId={currentOrg.id}
          isPrivate={currentOrg.isPrivate}
          disabled={isDisabled}
        />

        {watchlistPermissions?.canRead && (
          <div>
            <div>
              <h2 className="text-emphasis text-base font-semibold">{t("organization_blocklist")}</h2>
              <p className="text-muted text-sm">{t("manage_blocked_emails_and_domains")}</p>
            </div>
            <div className="mt-2">
              <DataTableProvider useSegments={useSegments} defaultPageSize={25}>
                <BlocklistTable permissions={watchlistPermissions} />
              </DataTableProvider>
            </div>
          </div>
        )}
      </div>
    </LicenseRequired>
  );
};

export default PrivacyView;