// hooks import useIntegrationPopup from "hooks/use-integration-popup"; // ui import { PrimaryButton } from "components/ui"; // types import { IWorkspaceIntegration } from "types"; type Props = { workspaceIntegration: false | IWorkspaceIntegration | undefined; provider: string | undefined; }; export const GithubAuth: React.FC<Props> = ({ workspaceIntegration, provider }) => { const { startAuth, isConnecting } = useIntegrationPopup(provider); return ( <div> {workspaceIntegration && workspaceIntegration?.id ? ( <PrimaryButton disabled>Successfully Connected</PrimaryButton> ) : ( <PrimaryButton onClick={startAuth} loading={isConnecting}> {isConnecting ? "Connecting..." : "Connect"} </PrimaryButton> )} </div> ); };