CustomSkeletons DonationSkeletons.tsx

0% Statements 0/1

100% Branches 0/0

0% Functions 0/1

0% Lines 0/1

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
45
46  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { Skeleton } from "@mui/material";
import Box from "@mui/material/Box";
 
function DonationSkeletons() {
  return (
    <Box
      alignItems="center"
      justifyContent="space-between"
      display="flex"
      my="20px"
      px={1}
    >
      <Box>
        <Skeleton
          width="145px"
          sx={{
            borderRadius: "3px",
            marginBottom: "8px",
          }}
          variant="rounded"
          height="20px"
        />
        <Skeleton
          width="90px"
          sx={{
            borderRadius: "2px",
          }}
          variant="rounded"
          height="15px"
        />
      </Box>
      <Skeleton
        width="55px"
        sx={{
          borderRadius: "2px",
        }}
        variant="rounded"
        height="22px"
      />
    </Box>
  );
}
 
export default DonationSkeletons;