From 9ef3b8b213b38c644d8fe1f6f5360afbae3d52d1 Mon Sep 17 00:00:00 2001
From: nicola <nthouliss@gmail.com>
Date: Mon, 16 Mar 2020 21:50:40 +1100
Subject: [PATCH] Add style to Homepage

co-authored-by: mitchemmc <mitchemmc@gmail.com>
---
 src/routes/Home.js | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/routes/Home.js b/src/routes/Home.js
index 237968f..223f9d7 100644
--- a/src/routes/Home.js
+++ b/src/routes/Home.js
@@ -1,8 +1,20 @@
 import React from "react";
-import { A } from "hookrouter";
+import { navigate } from "hookrouter";
+import { Container, Flex, Button } from "theme-ui";
 
 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; 
\ No newline at end of file
+export default Home;