components CancelSignupForm.tsx

66.66% Statements 4/6

100% Branches 0/0

50% Functions 1/2

66.66% Lines 4/6

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  
 
 
 
 
 
 
 
 
 
 
 
356x
 
 
 
 
15x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
1x
 
 
  import { ReactElement } from "react";
import { useTranslation } from "react-i18next";
import styled from "styled-components";
import { Button, ButtonStyle } from "client/components/Button";
import { ButtonGroup } from "client/components/ButtonGroup";
 
interface Props {
  onCancelForm: () => void;
  onConfirmForm: () => Promise<void>;
  loading: boolean;
}
 
export const CancelSignupForm = ({
  onCancelForm,
  onConfirmForm,
  loading,
}: Props): ReactElement => {
  const { t } = useTranslation();
 
  return (
    <StyledButtonGroup>
      <StyledButton
        onClick={onConfirmForm}
        buttonStyle={ButtonStyle.PRIMARY}
        disabled={loading}
      >
        {t("signup.confirmCancellation")}
      </StyledButton>
 
      <StyledButton
        onClick={() => onCancelForm()}
        buttonStyle={ButtonStyle.SECONDARY}
        disabled={loading}
      >
        {t("signup.staySignedUp")}
      </StyledButton>
    </StyledButtonGroup>
  );
};
 
const StyledButton = styled(Button)`
  min-width: 200px;
`;
 
const StyledButtonGroup = styled(ButtonGroup)`
  justify-content: center;
`;