import React from "react"; import { useRouter } from "next/router"; import useSWR from "swr"; // services import { IntegrationService } from "services/integrations"; // layouts import { AppLayout } from "layouts/app-layout"; import { WorkspaceSettingLayout } from "layouts/settings-layout"; // components import { SingleIntegrationCard } from "components/integration"; import { WorkspaceSettingHeader } from "components/headers"; import { Loader } from "@plane/ui"; // ui import { IntegrationAndImportExportBanner } from "components/ui"; // types import type { NextPage } from "next"; // fetch-keys import { APP_INTEGRATIONS } from "constants/fetch-keys"; // helper // services const integrationService = new IntegrationService(); const WorkspaceIntegrations: NextPage = () => { const router = useRouter(); const { workspaceSlug } = router.query; const { data: appIntegrations } = useSWR(workspaceSlug ? APP_INTEGRATIONS : null, () => workspaceSlug ? integrationService.getAppIntegrationsList() : null ); return ( }>
{appIntegrations ? ( appIntegrations.map((integration) => ( )) ) : ( )}
); }; export default WorkspaceIntegrations;