From e232ef3407f4316c58d90564d01cc7a985ddce24 Mon Sep 17 00:00:00 2001
From: Bogdan Cochior <bogdan.cochior@thinslices.com>
Date: Wed, 24 Jan 2018 12:52:54 +0200
Subject: [PATCH] Add 404 page
---
.../src/components/UIComponents/NotFound.js | 20 +++++++++++++++++++
packages/xpub-faraday/app/routes.js | 2 ++
2 files changed, 22 insertions(+)
create mode 100644 packages/components-faraday/src/components/UIComponents/NotFound.js
diff --git a/packages/components-faraday/src/components/UIComponents/NotFound.js b/packages/components-faraday/src/components/UIComponents/NotFound.js
new file mode 100644
index 000000000..e72b54b8b
--- /dev/null
+++ b/packages/components-faraday/src/components/UIComponents/NotFound.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import { Icon } from '@pubsweet/ui'
+
+const NotFound = ({ history }) => (
+ <div style={{ width: '70vw', margin: '0 auto', textAlign: 'center' }}>
+ <div>
+ <Icon size={32}>cloud-off</Icon>
+ </div>
+ <h2>The page cannot be found</h2>
+ <h3>
+ The page you are looking for might have been removed, had its name
+ changed, or is temporarily unavailable.
+ </h3>
+ <a href="#" onClick={history.goBack}>
+ Back
+ </a>
+ </div>
+)
+
+export default NotFound
diff --git a/packages/xpub-faraday/app/routes.js b/packages/xpub-faraday/app/routes.js
index 453c8be98..93cd5915e 100644
--- a/packages/xpub-faraday/app/routes.js
+++ b/packages/xpub-faraday/app/routes.js
@@ -14,6 +14,7 @@ import DashboardPage from 'pubsweet-component-xpub-dashboard/src/components/Dash
import WizardPage from 'pubsweet-component-wizard/src/components/WizardPage'
import ManuscriptPage from 'pubsweet-component-xpub-manuscript/src/components/ManuscriptPage'
import ConfirmationPage from 'pubsweet-components-faraday/src/components/UIComponents/ConfirmationPage'
+import NotFound from 'pubsweet-components-faraday/src/components/UIComponents/NotFound'
const Routes = () => (
<App>
@@ -36,6 +37,7 @@ const Routes = () => (
exact
path="/projects/:project/versions/:version/manuscript"
/>
+ <Route component={NotFound} path="*" />
</App>
)
--
GitLab