kopia lustrzana https://github.com/bugout-dev/moonstream
39 wiersze
1.0 KiB
JavaScript
39 wiersze
1.0 KiB
JavaScript
import React, { useContext } from "react";
|
|
import { Flex, Stack } from "@chakra-ui/react";
|
|
import UIContext from "../core/providers/UIProvider/context";
|
|
import { DEFAULT_METATAGS, BACKGROUND_COLOR } from "../core/constants";
|
|
import { getLayout as getSiteLayout } from "./index";
|
|
|
|
const InfoPageLayout = ({ children }) => {
|
|
const ui = useContext(UIContext);
|
|
|
|
const margin = ui.isMobileView ? "6%" : "22%";
|
|
return (
|
|
<Flex
|
|
bgPos="bottom"
|
|
bgSize="cover"
|
|
bgColor={BACKGROUND_COLOR}
|
|
minH="100vh"
|
|
direction="column"
|
|
alignItems="center"
|
|
w="100%"
|
|
>
|
|
<Stack mx={margin} my={[4, 6, 12]} maxW="1700px" textAlign="justify">
|
|
{children}
|
|
</Stack>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export const getLayout = (page) =>
|
|
getSiteLayout(<InfoPageLayout>{page}</InfoPageLayout>);
|
|
|
|
export const getLayoutProps = () => {
|
|
const preconnects = [{ rel: "preconnect", href: "https://s3.amazonaws.com" }];
|
|
|
|
return {
|
|
props: { metaTags: { ...DEFAULT_METATAGS }, preconnects },
|
|
};
|
|
};
|
|
export default InfoPageLayout;
|