forked from github/plane
26de35bd8d
* fix: envconfig type changes * chore: configuration variables (#2692) * chore: update avatar group logic (#2672) * chore: configuration variables --------- * fix: replacing slack client id with env config --------- Co-authored-by: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
// hooks
|
|
import useIntegrationPopup from "hooks/use-integration-popup";
|
|
// ui
|
|
import { Button } from "@plane/ui";
|
|
// types
|
|
import { IWorkspaceIntegration } from "types";
|
|
import { observer } from "mobx-react-lite";
|
|
import { useMobxStore } from "lib/mobx/store-provider";
|
|
|
|
type Props = {
|
|
workspaceIntegration: false | IWorkspaceIntegration | undefined;
|
|
provider: string | undefined;
|
|
};
|
|
|
|
export const GithubAuth: React.FC<Props> = observer(({ workspaceIntegration, provider }) => {
|
|
const {
|
|
appConfig: { envConfig },
|
|
} = useMobxStore();
|
|
// hooks
|
|
const { startAuth, isConnecting } = useIntegrationPopup({
|
|
provider,
|
|
github_app_name: envConfig?.github_app_name || "",
|
|
slack_client_id: envConfig?.slack_client_id || "",
|
|
});
|
|
|
|
return (
|
|
<div>
|
|
{workspaceIntegration && workspaceIntegration?.id ? (
|
|
<Button variant="primary" disabled>
|
|
Successfully Connected
|
|
</Button>
|
|
) : (
|
|
<Button variant="primary" onClick={startAuth} loading={isConnecting}>
|
|
{isConnecting ? "Connecting..." : "Connect"}
|
|
</Button>
|
|
)}
|
|
</div>
|
|
);
|
|
});
|