Details TransactionRiskDetails.tsx

100% Statements 9/9

100% Branches 4/4

100% Functions 3/3

100% Lines 9/9

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  
 
 
 
 
54x
5x
5x
 
 
25x
 
 
 
 
 
 
 
 
25x
25x
 
16x
 
 
8x
 
1x
 
 
  import { Stack } from "@mui/material";
import { DetailsCard, InfoListCard } from "../components/DetailsItems";
import { DetailsSectionItem, TransactionRiskProps } from "../types";
import useGenerateDetailsSections from "../hooks/useGenerateDetailsSections";
 
const TransactionRiskDetails = ({ rawData }: TransactionRiskProps) => {
  const { sections } = useGenerateDetailsSections({ data: rawData });
  return (
    <Stack pt="10px" pb="40px" gap="40px">
      {sections.map((item, index) => (
        <CardSelector key={index} item={item} />
      ))}
    </Stack>
  );
};
 
export default TransactionRiskDetails;
 
function CardSelector({ item }: { item: DetailsSectionItem }) {
  const { type, title, listData } = item;
  switch (type) {
    case "detail":
      return <DetailsCard title={title} data={listData} />;
    case "cards":
    case "users":
      return <InfoListCard title={title} data={listData} type={type} />;
    default:
      return <></>;
  }
}