All files / src/features/Merchants/MerchantSidePanel/components/GiveDisclaimer LoadingState.tsx

100% Statements 4/4
100% Branches 0/0
100% Functions 2/2
100% Lines 3/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          54x 3x                   54x                    
import { Stack } from "@mui/material";
import GiveLoadingGapSpiner from "@shared/GiveLoadingGapSpiner";
import GiveText from "@shared/Text/GiveText";
import { styled, useAppTheme } from "@theme/v2/Provider";
 
export const ApproveRetryLoadingState = () => {
  return (
    <Container>
      <GiveLoadingGapSpiner />
      <GiveText variant="bodyS" color="secondary">
        Retry in progress...
      </GiveText>
    </Container>
  );
};
 
const Container = styled(Stack)(({ theme }) => ({
  minHeight: "164px",
  background: theme.palette.surface?.tertiary,
  borderRadius: "20px",
  alignItems: "center",
  justifyContent: "center",
  gap: "12px",
  textAlign: "center",
  px: "20px",
}));