IntegrationsView.tsx•1.07 kB
import { DeploymentSettingsLayout } from "@common/layouts/DeploymentSettingsLayout";
import { Integrations } from "@common/features/settings/components/integrations/Integrations";
import { useQuery } from "convex/react";
import udfs from "@common/udfs";
import { DeploymentInfoContext } from "@common/lib/deploymentContext";
import { useContext } from "react";
import { LoadingTransition } from "@ui/Loading";
export function IntegrationsView() {
const { useCurrentTeam, useTeamEntitlements } = useContext(
DeploymentInfoContext,
);
const team = useCurrentTeam();
const entitlements = useTeamEntitlements(team?.id);
const integrations = useQuery(udfs.listConfiguredSinks.default);
return (
<DeploymentSettingsLayout page="integrations">
<LoadingTransition>
{team && entitlements && integrations !== undefined && (
<Integrations
team={team}
entitlements={entitlements}
integrations={integrations}
/>
)}
</LoadingTransition>
</DeploymentSettingsLayout>
);
}