products UnpublishedPage.tsx

33.33% Statements 1/3

100% Branches 0/0

0% Functions 0/1

33.33% Lines 1/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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53  
 
 
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Stack } from "@mui/material";
import { LockIcon } from "@phosphor-icons/react";
import GiveText from "@shared/Text/GiveText";
import { useAppTheme } from "@theme/v2/Provider";
import PageContainer from "./PageContainer";
 
const UnpublishedPage = () => {
  const { palette } = useAppTheme();
  return (
    <>
      <PageContainer
        sx={{
          justifyContent: "center",
          alignItems: "center",
          gap: 2,
        }}
      >
        <Stack
          justifyContent="center"
          alignItems="center"
          sx={{
            padding: "16px",
            borderRadius: "40px",
            backgroundColor: palette.primitive?.transparent["darken-5"],
            height: "64px",
            width: "64px",
          }}
        >
          <LockIcon width="24px" height="27px" />
        </Stack>
        <GiveText
          fontSize="28px"
          sx={{
            color: palette.primitive?.neutral[90],
          }}
        >
          This page has not been published
        </GiveText>
        <GiveText
          fontSize="14px"
          sx={{
            color: palette.primitive?.neutral[60],
          }}
        >
          Only authorised members can view the draft
        </GiveText>
      </PageContainer>
    </>
  );
};
 
export default UnpublishedPage;