clientjs/packages/dashboard-components/src/layouts/DefaultLayout.jsx
changeset 0 5f4fcbc80b37
child 17 c2c97df0a642
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/clientjs/packages/dashboard-components/src/layouts/DefaultLayout.jsx	Fri Sep 14 17:57:34 2018 +0200
@@ -0,0 +1,34 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+
+import Loader from '../ui/Loader';
+import MainNav from '../ui/MainNav';
+
+const DefaultLayout = ({
+  component: Component,
+  title,
+  version,
+  ...rest
+}) => (
+  <Route
+    {...rest}
+    render={matchProps => (
+      <div>
+        <Loader />
+        <div className="container">
+          <h1 className="mb-5 mt-5">{ title }</h1>
+          <MainNav />
+          <Component {...matchProps} {...rest} />
+        </div>
+        <footer className="text-center text-muted small mt-3 mb-3">
+          {`v. ${version} - 2017 - `}
+          <a href="http://www.iri.centrepompidou.fr">IRI</a>
+          {' / '}
+          <a href="https://web.hypothes.is">hypothes.is</a>
+        </footer>
+      </div>
+    )}
+  />
+);
+
+export default DefaultLayout;