modals DeclineMerchantPopup.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import NiceModal from "@ebay/nice-modal-react";
import { palette } from "@palette";
import { UnderwritingPopupBase } from "./ApproveMerchantPopup";
import { Text } from "@common/Text";
 
type ApproveMerchantProps = {
  handleDecline: () => void;
  name: string;
};
 
const DeclineMerchantModal = NiceModal.create(
  ({ handleDecline, name }: ApproveMerchantProps) => {
    const props = {
      modalTitle: "Decline account?",
      submitLabel: "Yes, decline account",
      children: (
        <Text color={palette.black[100]} lineHeight="16.8px">
          Are you sure you want to decline{" "}
          <span style={{ color: palette.neutral[100] }}>{name}</span>? This
          action will finalize the approval status and cannot be undone.
        </Text>
      ),
    };
    return (
      <UnderwritingPopupBase
        width="380px"
        handleSubmit={handleDecline}
        primaryButtonBackground={palette.filled.red}
        {...props}
      />
    );
  },
);
 
export default DeclineMerchantModal;