From ddc4ce8501df57e03515fc843987281fc85f4c23 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Mon, 5 Oct 2020 13:04:39 +0100
Subject: Update the form path

---
 src/App.tsx | 42 +++---------------------------------------
 1 file changed, 3 insertions(+), 39 deletions(-)

(limited to 'src/App.tsx')

diff --git a/src/App.tsx b/src/App.tsx
index 05d8ded..9dd8b49 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
 /** @jsx jsx */
 /** @global location */
-import { css, jsx, Global } from "@emotion/core";
+import { jsx, Global } from "@emotion/core";
 
 import {
   BrowserRouter as Router,
@@ -11,49 +11,13 @@ import {
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 
 import LandingPage from "./pages/LandingPage";
-import colors from "./colors";
 import FormPage from "./pages/FormPage";
 
-const globalStyles = css`
-@import url('https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap');
-
-@font-face {
-  font-family: 'Uni Sans';
-  src: url(fonts/unisans.otf) format('opentype');
-}
-
-body {
-  background-color: ${colors.notQuiteBlack};
-  color: white;
-  font-family: "Hind", "Helvetica", "Arial", sans-serif;
-  margin: 0;
-}
-
-.fade-enter,
-.fade-exit {
-  position: absolute;
-  top: 0;
-  left: 0;
-  transition: 300ms ease-in-out opacity, 300ms ease-in-out transform;
-  width: 100%;
-}
-
-.fade-enter,
-.fade-exit-active {
-  opacity: 0;
-  transform: scale(0.98);
-}
-
-.fade-enter-active {
-  opacity: 1;
-  z-index: 1;
-  transform: scale(1);
-}
-`;
+import globalStyles from "./globalStyles";
 
 const routes = [
   { path: "/", Component: LandingPage },
-  { path: "/form", Component: FormPage}
+  { path: "/form/:id", Component: FormPage}
 ]
 
 function App() {
-- 
cgit v1.2.3

