-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.tsx
36 lines (34 loc) · 1003 Bytes
/
index.tsx
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
import { Box, Stack, Heading } from "@chakra-ui/layout";
import { Button } from "@chakra-ui/react";
import Head from "next/head";
import { ReactNode, useState } from "react";
import ButtonLink from "../components/utils/ButtonLink";
import NextLink from "../components/utils/NextLink";
export default function Home() {
const [child, setChild] = useState<object | null>(null);
return (
<>
<Head>
<title>TODO: page title</title>
</Head>
<Stack p={4}>
<Heading>WDB Next.js Template</Heading>
<Box>
<Button variant="blue" onClick={() => setChild({})}>
{(child as ReactNode) ?? "Test error handling"}
</Button>
</Box>
<Box>
<ButtonLink href="/test" variant="blue">
Test Navigation
</ButtonLink>
</Box>
<Box>
<NextLink href="/random-route" color="TODO.blue">
Test 404 Page
</NextLink>
</Box>
</Stack>
</>
);
}