Files
DefectingCat.github.io/pages/message.tsx
DefectingCat 9460f7569c Add algoliasearch
* 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
2021-11-29 23:10:33 +08:00

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;