Statement UploadDisclaimer.tsx

100% Statements 8/8

100% Branches 0/0

100% Functions 4/4

100% Lines 7/7

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  
 
 
 
 
9x
4x
4x
 
 
4x
4x
 
 
 
 
 
 
 
16x
 
 
 
 
 
 
 
 
 
 
 
9x
 
 
 
 
 
 
 
 
 
 
 
  import { Stack } from "@mui/material";
import GiveText from "@shared/Text/GiveText";
import { styled } from "@theme/v2/Provider";
import { ONB_BA_DOCUMENTS } from "./const";
 
export const UploadDisclaimer = () => {
  const steps = [ONB_BA_DOCUMENTS.step_2];
  return (
    <Stack gap="32px" justifyContent="flex-start" width="100%">
      {steps.map((step, idx) => {
        const title = step.title;
        return (
          <Stack gap="16px" key={idx}>
            <GiveText variant="bodyS">{title}</GiveText>
            <GiveText color="warning" variant="bodyS">
              {step.info}
            </GiveText>
            <StyledList>
              {step.list.map((el, i) => (
                <li key={i}>
                  <GiveText variant="bodyS">{el}</GiveText>
                </li>
              ))}
            </StyledList>
          </Stack>
        );
      })}
    </Stack>
  );
};
 
const StyledList = styled("ul")(({ theme }) => ({
  margin: 0,
  paddingLeft: "24px",
  "& li": {
    "::marker": {
      marginRight: "8px",
      fontSize: "14px",
      lineHeight: "14px",
      color: theme.palette.neutral[80],
    },
  },
}));