import React from "react"; import { useRouter } from "next/router"; import Link from "next/link"; import useSWR from "swr"; // services import { WorkspaceService } from "services/workspace.service"; import { IntegrationService } from "services/integrations"; // layouts import { WorkspaceAuthorizationLayout } from "layouts/auth-layout-legacy"; // components import { SingleIntegrationCard } from "components/integration"; import { SettingsSidebar } from "components/project"; // ui import { IntegrationAndImportExportBanner } from "components/ui"; import { BreadcrumbItem, Breadcrumbs, Loader } from "@plane/ui"; // types import type { NextPage } from "next"; // fetch-keys import { WORKSPACE_DETAILS, APP_INTEGRATIONS } from "constants/fetch-keys"; // helper import { truncateText } from "helpers/string.helper"; // services const workspaceService = new WorkspaceService(); const integrationService = new IntegrationService(); const WorkspaceIntegrations: NextPage = () => { const router = useRouter(); const { workspaceSlug } = router.query; const { data: activeWorkspace } = useSWR(workspaceSlug ? WORKSPACE_DETAILS(workspaceSlug as string) : null, () => workspaceSlug ? workspaceService.getWorkspace(workspaceSlug as string) : null ); const { data: appIntegrations } = useSWR(workspaceSlug ? APP_INTEGRATIONS : null, () => workspaceSlug ? integrationService.getAppIntegrationsList() : null ); return ( router.back()}>

{`${truncateText(activeWorkspace?.name ?? "Workspace", 32)}`}

} /> } >
{appIntegrations ? ( appIntegrations.map((integration) => ( )) ) : ( )}
); }; export default WorkspaceIntegrations;