UI Overhaul

client/app/wrapper.tsx

@@ -0,0 +1,29 @@
+import { inject, observer } from 'mobx-react';
+import React from 'react';
+import { withRouter } from 'react-router';
+import { Header, Navbar } from './components';
+//styling
+import './scss/index.scss';
+import { Util } from './util';
+import './wrapper.scss';
+
+export const Wrapper = inject('appStore')(
+  withRouter(
+    observer(({ appStore, children }) => {
+      const openClass = appStore.navbarOpen ? 'wrapper--open' : '';
+      const onNavClick = () => {
+        if (Util.isMobileScreen()) {
+          appStore.toggleNavbar();
+        }
+      };
+
+      return (
+        <div>
+          <Header onButtonClick={appStore.toggleNavbar} />
+          <Navbar claims={appStore.claims} open={appStore.navbarOpen} onNavClick={onNavClick} />
+          <div className={'wrapper ' + openClass}>{children}</div>
+        </div>
+      );
+    }),
+  ),
+);