GiveAnimatedList GiveListLoadingSkeletons.tsx

100% Statements 5/5

100% Branches 6/6

100% Functions 3/3

100% Lines 4/4

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  
 
 
 
 
 
 
 
 
36x
 
 
 
699x
 
 
 
 
13650x
 
 
 
 
 
 
 
 
 
 
 
 
 
13650x
 
 
 
 
  import TableRowSkeleton from "@common/Skeleton/TableRowSkeleton";
import { styled } from "@theme/v2/Provider";
import { animated } from "react-spring";
 
type Props = {
  columns: any[];
  customLoadingRowProps?: any;
};
 
const GiveListLoadingSkeletons = ({
  columns,
  customLoadingRowProps,
}: Props) => {
  return (
    <>
      {Array(customLoadingRowProps?.rowCount ?? 20)
        .fill(0)
        .map((_, idx) => (
          <TableRowSkeleton
            key={idx}
            rowHeight={customLoadingRowProps?.height ?? 72}
            sx={customLoadingRowProps?.sx ?? {}}
            columns={columns}
            Wrapper={Wrapper}
          />
        ))}
    </>
  );
};
 
export default GiveListLoadingSkeletons;
 
const Wrapper = styled(animated.tr)(({ theme }) => ({
  borderBottom: theme.palette.border?.primary,
  borderBottomWidth: 1,
  borderBottomStyle: "solid",
}));