products PageContainer.tsx

100% Statements 3/3

83.33% Branches 5/6

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
28
29
30
31  
 
 
12x
985x
665x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Container, styled } from "@mui/material";
import { TFormStatus } from "./types";
 
const PageContainer = styled(Container, {
  shouldForwardProp: (prop) => prop !== "displayStatus",
})<{ displayStatus?: TFormStatus }>(({ displayStatus }) => ({
  width: "100%",
  height: "100%",
  overflowY: "auto",
  display: "flex",
  flexDirection: "column",
  paddingTop: "16px",
  minHeight: displayStatus === "public" ? "100dvh" : "70dvh",
  "& .MuiContainer-root": {
    ...(displayStatus && displayStatus == "draft"
      ? {
          paddingLeft: "20px",
          paddingRight: "20px",
          maxWidth: "100%",
        }
      : {
          paddingLeft: "40px",
          paddingRight: "40px",
          maxWidth: "1090px",
          paddingBottom: "24px",
        }),
  },
}));
 
export default PageContainer;