mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-15 16:51:37 +00:00
* add menu item * add pages * add build search script Add custom algolia component * fix image in post width Delete useless file Modify post data to algolia script
38 lines
865 B
TypeScript
38 lines
865 B
TypeScript
import { ReactElement } from 'react';
|
|
import useGetColors from '../lib/hooks/useGetColors';
|
|
import Head from 'next/head';
|
|
import { Box, Heading } from '@chakra-ui/react';
|
|
import style from './message.module.css';
|
|
import HomeLayout from '../layouts/HomeLayout';
|
|
|
|
const message = () => {
|
|
const { boxBg } = useGetColors();
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>RUA - Message</title>
|
|
</Head>
|
|
|
|
<Box
|
|
as="article"
|
|
w={['full', 'full', '55rem']}
|
|
borderRadius="10px"
|
|
shadow="lg"
|
|
overflow="hidden"
|
|
bg={boxBg}
|
|
p={['1rem', '1rem', '1.5rem']}
|
|
className={style.wrapper}
|
|
>
|
|
<Heading my="0.5rem">Hi, there 👋</Heading>
|
|
</Box>
|
|
</>
|
|
);
|
|
};
|
|
|
|
message.getLayout = function getLayout(page: ReactElement) {
|
|
return <HomeLayout>{page}</HomeLayout>;
|
|
};
|
|
|
|
export default message;
|