From fa090ba63356fb4e99e32ba39cfdef0e08c87961 Mon Sep 17 00:00:00 2001
From: Victor Chabbert <chabbertvi@eisti.eu>
Date: Sun, 18 Dec 2016 18:13:52 +0100
Subject: Refactor 404 stateless function

---
 src/main/js/src/components/errors/Error404.js |  8 ++++++++
 src/main/js/src/global-styles.css             |  5 +++++
 src/main/js/src/index.css                     |  5 -----
 src/main/js/src/index.js                      | 10 +++-------
 4 files changed, 16 insertions(+), 12 deletions(-)
 create mode 100644 src/main/js/src/components/errors/Error404.js
 create mode 100644 src/main/js/src/global-styles.css
 delete mode 100644 src/main/js/src/index.css

(limited to 'src')

diff --git a/src/main/js/src/components/errors/Error404.js b/src/main/js/src/components/errors/Error404.js
new file mode 100644
index 00000000..13ce5ae5
--- /dev/null
+++ b/src/main/js/src/components/errors/Error404.js
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Link } from 'react-router'
+
+const Error404  = () => <div>
+    <h1>No Match</h1>
+    <Link to="/">Take me back home ! 🏠</Link>
+</div>
+export default Error404
\ No newline at end of file
diff --git a/src/main/js/src/global-styles.css b/src/main/js/src/global-styles.css
new file mode 100644
index 00000000..b4cc7250
--- /dev/null
+++ b/src/main/js/src/global-styles.css
@@ -0,0 +1,5 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}
diff --git a/src/main/js/src/index.css b/src/main/js/src/index.css
deleted file mode 100644
index b4cc7250..00000000
--- a/src/main/js/src/index.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-}
diff --git a/src/main/js/src/index.js b/src/main/js/src/index.js
index cfe654b5..f2be8a53 100644
--- a/src/main/js/src/index.js
+++ b/src/main/js/src/index.js
@@ -7,19 +7,15 @@ import configureStore from './store'
 const initialState = {}
 const store = configureStore(initialState)
 
-import './index.css'
+import './global-styles.css'
 import App from './containers/App'
-
-const NoMatch  = () => {
-    return <h1>No Match</h1>
-}
-
+import Error404 from './components/errors/Error404'
 ReactDOM.render(
   <Provider store={store}>
       <BrowserRouter>
           <div className="app">
               <Match exactly pattern="/" component={App} />
-              <Miss component={NoMatch} />
+              <Miss component={Error404} />
           </div>
       </BrowserRouter>
   </Provider>,
-- 
cgit