components atoms.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/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  
 
 
 
 
 
 
 
 
 
 
53x
14x
 
 
 
 
 
 
 
 
 
 
 
53x
 
 
 
 
 
  import GiveText from "@shared/Text/GiveText";
import { capitalize } from "lodash";
 
export type EmailStatusType =
  | "pending"
  | "valid"
  | "undeliverable"
  | "disposable";
 
type Props = { emailStatus: EmailStatusType };
 
export const CustomerEmailStatus = ({ emailStatus }: Props) => {
  return (
    <GiveText
      variant="bodyXS"
      sx={{
        color: emailStatusColorsMap?.[emailStatus] as string,
      }}
    >
      {capitalize(emailStatus)}
    </GiveText>
  );
};
 
const emailStatusColorsMap = {
  pending: "text.secondary",
  valid: "primitive.success.50",
  undeliverable: "primitive.error.50",
  disposable: "primitive.warning.50",
};