All files / src/components/PublishedLegalContent AgreementDocumentLoader.tsx

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Box, SxProps, Theme } from "@mui/material";
import GiveCircularProgress from "@shared/GiveCircularProgress";
 
interface AgreementDocumentLoaderProps {
  /** Passed through to the wrapper so it aligns with the surrounding document. */
  sx?: SxProps<Theme>;
}
 
/**
 * Loading state for the agreement document body. Shown while we are still
 * determining whether the acquirer has a PUBLISHED agreement (feature flags
 * still resolving, or the published-document list/version fetch in flight) so
 * the legacy hardcoded agreement does not flash before the published one
 * resolves. Centered spinner sized to the document area.
 */
export default function AgreementDocumentLoader({
  sx,
}: AgreementDocumentLoaderProps) {
  return (
    <Box
      data-testid="agreement-document-loader"
      sx={{
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        minHeight: "240px",
        py: "40px",
        ...sx,
      }}
    >
      <GiveCircularProgress />
    </Box>
  );
}