import { useState, useEffect } from "react"; import { useRouter } from "next/router"; import useSWR, { mutate } from "swr"; // services import { AppInstallationService } from "services/app_installation.service"; // ui import { Loader } from "@plane/ui"; // hooks import useIntegrationPopup from "hooks/use-integration-popup"; // types import { IWorkspaceIntegration, ISlackIntegration } from "types"; // fetch-keys import { SLACK_CHANNEL_INFO } from "constants/fetch-keys"; type Props = { integration: IWorkspaceIntegration; }; const appInstallationService = new AppInstallationService(); export const SelectChannel: React.FC = ({ integration }) => { const [slackChannelAvailabilityToggle, setSlackChannelAvailabilityToggle] = useState(false); const [slackChannel, setSlackChannel] = useState(null); const router = useRouter(); const { workspaceSlug, projectId } = router.query; const { startAuth } = useIntegrationPopup("slackChannel", integration.id); const { data: projectIntegration } = useSWR( workspaceSlug && projectId && integration.id ? SLACK_CHANNEL_INFO(workspaceSlug as string, projectId as string) : null, () => workspaceSlug && projectId && integration.id ? appInstallationService.getSlackChannelDetail( workspaceSlug as string, projectId as string, integration.id as string ) : null ); useEffect(() => { if (projectId && projectIntegration && projectIntegration.length > 0) { const projectSlackIntegrationCheck: ISlackIntegration | undefined = projectIntegration.find( (_slack: ISlackIntegration) => _slack.project === projectId ); if (projectSlackIntegrationCheck) { setSlackChannel(() => projectSlackIntegrationCheck); setSlackChannelAvailabilityToggle(true); } } }, [projectIntegration, projectId]); const handleDelete = async () => { if (projectIntegration.length === 0) return; mutate(SLACK_CHANNEL_INFO, (prevData: any) => { if (!prevData) return; return prevData.id !== integration.id; }).then(() => { setSlackChannelAvailabilityToggle(false); setSlackChannel(null); }); appInstallationService .removeSlackChannel(workspaceSlug as string, projectId as string, integration.id as string, slackChannel?.id) .catch((err) => console.log(err)); }; const handleAuth = async () => { await startAuth(); }; return ( <> {projectIntegration ? ( ) : ( )} ); };