Add style to Homepage

co-authored-by: mitchemmc <mitchemmc@gmail.com>
This commit is contained in:
nicola 2020-03-16 21:50:40 +11:00
parent a5034ef576
commit 9ef3b8b213

View File

@ -1,8 +1,20 @@
import React from "react"; import React from "react";
import { A } from "hookrouter"; import { navigate } from "hookrouter";
import { Container, Flex, Button } from "theme-ui";
function Home() { function Home() {
return <div><A href="/join">JOIN GAME</A>HOME!</div> return (
<Container p={4} sx={{ maxWidth: "300px" }}>
<Flex sx={{ flexDirection: "column" }}>
<Button m={2} onClick={() => navigate("/game")}>
Start Game
</Button>
<Button m={2} onClick={() => navigate("/join")}>
Join Game
</Button>
</Flex>
</Container>
);
} }
export default Home; export default Home;