Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | import { Dispatch, SetStateAction, useState } from "react";
import { useParams } from "react-router-dom";
import { useSetRecoilState } from "recoil";
import { Button } from "@canonical/react-components";
import { buildRepoConnectedState } from "../../state/atoms";
import type { GithubData } from "../../types";
type Props = {
setDisconnectModalOpen: Dispatch<SetStateAction<boolean>>;
githubData: GithubData | null;
};
function DisconnectRepoActions({
setDisconnectModalOpen,
githubData,
}: Props): React.JSX.Element {
const { snapId } = useParams();
const setRepoConnected = useSetRecoilState(buildRepoConnectedState);
const [disconnecting, setDisconnecting] = useState<boolean>(false);
const handleRepoDisconnect = async () => {
setDisconnecting(true);
const formData = new FormData();
formData.set("csrf_token", window.CSRF_TOKEN);
const response = await fetch(`/api/${snapId}/builds/disconnect`, {
method: "POST",
body: formData,
});
if (!response.ok) {
if (githubData !== null) {
setRepoConnected(false);
}
}
setRepoConnected(false);
setDisconnectModalOpen(false);
setDisconnecting(false);
};
return (
<>
<Button
className="u-no-margin--bottom"
onClick={() => {
setDisconnectModalOpen(false);
}}
>
Cancel
</Button>
<Button
appearance="positive"
className="u-no-margin--bottom u-no-margin--right"
disabled={disconnecting}
onClick={handleRepoDisconnect}
>
Confirm
</Button>
</>
);
}
export default DisconnectRepoActions;
|