components CustomerComponent.tsx

0% Statements 0/2

0% Branches 0/2

0% Functions 0/1

0% Lines 0/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
37
38
39  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text } from "@common/Text";
import { Box } from "@mui/material";
import { palette } from "@palette";
import { memo } from "react";
import placeholder from "@assets/images/Placeholder.png";
 
const CustomerComponent = ({
  image,
  name,
  amount,
}: {
  image: string;
  name: string;
  amount: number | string;
}) => (
  <Box gap="8px" display="flex" mb="15px">
    <Box
      borderRadius="50%"
      height="32px"
      width="32px"
      src={image ? image + "/small" : placeholder}
      sx={{
        objectFit: "cover",
      }}
      component="img"
    />
    <div>
      <Text fontWeight="book" fontSize="14px" color={palette.neutral[80]}>
        {name}
      </Text>
      <Text fontWeight="book" fontSize="14px">
        {amount} USD
      </Text>
    </div>
  </Box>
);
 
export default memo(CustomerComponent);