shared GiveLoadingGapSpiner.tsx

50% Statements 2/4

100% Branches 0/0

0% Functions 0/2

66.66% Lines 2/3

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  
 
 
 
53x
 
 
 
 
 
 
 
 
 
 
53x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Box } from "@mui/material";
import { SpinnerGapIcon } from "@phosphor-icons/react";
import { styled } from "@theme/v2/Provider";
 
const GiveLoadingGapSpiner = () => {
  return (
    <SpinnerContainer>
      <SpinnerGapIcon
        size={24}
        style={{ animation: "giveSpin 1.8s linear infinite" }}
      />
    </SpinnerContainer>
  );
};
 
const SpinnerContainer = styled(Box)(({ theme }) => ({
  width: "56px",
  height: "56px",
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  borderRadius: "40px",
  backgroundColor: theme.palette.primitive?.transparent["darken-5"],
  "@keyframes giveSpin": {
    from: { transform: "rotate(0deg)" },
    to: { transform: "rotate(360deg)" },
  },
}));
 
export default GiveLoadingGapSpiner;