initial conversion

src/components/Layout/Layout.js

@@ -0,0 +1,20 @@
+import React from "react"
+import { Global, css } from "@emotion/core"
+import styled from "@emotion/styled"
+
+export default ({ children }) => (
+  <>
+    <Global
+      styles={css`
+        body {
+          margin: 0;
+          padding: 0;
+          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+            "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+            "Helvetica Neue", sans-serif;
+        }
+      `}
+    />
+    {children}
+  </>
+)

src/components/Layout/index.js

@@ -0,0 +1,2 @@
+import Layout from "./Layout"
+export default Layout

src/components/elements/elements.js

@@ -1,3 +1,4 @@
+import React from "react"
 import { withTheme } from "emotion-theming"
 import { Link } from "react-router-dom"
 import styled from "@emotion/styled"
@@ -57,7 +58,9 @@ export const P = styled.p`
   color: ${props => props.theme.colors.secondary};
 `
 
-export const StyledLink = withTheme(styled(Link)`
+export const AppLink = props => <Link {...props} to={"/app" + props.to} />
+
+export const StyledLink = withTheme(styled(AppLink)`
   text-decoration: none;
   border-radius: 12px;
   outline: none;

src/components/screens/Month/Month.js

@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Link } from "react-router-dom"
+import { AppLink as Link } from "../../../components/elements"
 import styled from "@emotion/styled"
 import {
   isAfter,

src/components/screens/Search/Search.js

@@ -1,5 +1,5 @@
 import { Component } from "react"
-import { Link } from "react-router-dom"
+import { AppLink as Link } from "../../elements"
 /** @jsx jsx */
 import { jsx, css, keyframes } from "@emotion/core"
 import styled from "@emotion/styled"

src/components/screens/Start/Start.js

@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Link } from "react-router-dom"
+import { AppLink as Link } from "../../elements"
 import styled from "@emotion/styled"
 import { withTheme } from "emotion-theming"
 

src/components/screens/Year/Year.js

@@ -1,5 +1,5 @@
 import React, { Component } from "react"
-import { Link } from "react-router-dom"
+import { AppLink as Link } from "../../../components/elements"
 import styled from "@emotion/styled"
 import { addYears, subYears, format, isThisYear, getMonth } from "date-fns"
 import { withTheme } from "emotion-theming"