ConfirmModal ConfirmModal.js

100% Statements 2/2

83.33% Branches 5/6

100% Functions 1/1

100% Lines 2/2

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  
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  // @flow
/* eslint-disable no-ternary */
 
import { Buttons, Content, Message } from "./styled"
import Button from "components/buttons/Button"
import type { ComponentProps } from "."
import React from "react"
 
const ConfirmModal = ({
  isDisabled,
  isLoading,
  message,
  onClose,
  onConfirm
}: ComponentProps): React$Node => (
  <Content>
    {typeof message === "string" ? <Message>{message}</Message> : message}
    <Buttons>
      <Button
        disabled={isDisabled || isLoading}
        label="Cancel"
        onClick={onClose}
        outlined
      />
      <Button
        disabled={isDisabled || isLoading}
        label="Confirm"
        loading={isLoading}
        onClick={onConfirm}
      />
    </Buttons>
  </Content>
)
 
export default ConfirmModal