2020-03-16 21:21:19 +00:00
|
|
|
import React from "react";
|
2020-03-16 10:31:08 +00:00
|
|
|
import { useRoutes } from "hookrouter";
|
|
|
|
import { ThemeProvider } from "theme-ui";
|
2020-03-15 05:04:30 +00:00
|
|
|
|
2020-03-15 06:50:56 +00:00
|
|
|
import theme from "./theme.js";
|
2020-03-16 10:31:08 +00:00
|
|
|
import Home from "./routes/Home";
|
|
|
|
import Game from "./routes/Game";
|
|
|
|
import Join from "./routes/Join";
|
2020-03-15 05:04:30 +00:00
|
|
|
|
2020-03-16 21:21:19 +00:00
|
|
|
const routes = {
|
2020-03-16 10:31:08 +00:00
|
|
|
"/": () => <Home />,
|
2020-04-05 12:20:34 +00:00
|
|
|
"/game/:id": ({ id }) => <Game gameId={id} />,
|
|
|
|
"/join": () => <Join />,
|
2020-03-16 10:31:08 +00:00
|
|
|
};
|
2020-03-15 05:04:30 +00:00
|
|
|
|
2020-03-16 08:44:49 +00:00
|
|
|
function App() {
|
2020-03-16 10:31:08 +00:00
|
|
|
const route = useRoutes(routes);
|
2020-04-05 12:20:34 +00:00
|
|
|
return <ThemeProvider theme={theme}>{route}</ThemeProvider>;
|
2020-03-15 05:04:30 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|