From acd4e1ca865c12cc69ad798fd4ed98d31d436dbf Mon Sep 17 00:00:00 2001
From: Max Kovalenko <mxsshere@gmail.com>
Date: Thu, 26 Dec 2019 16:40:56 -0500
Subject: [PATCH] 404 page

---
 src/Routes.tsx                     |  4 ++++
 src/layouts/404/NotFoundLayout.tsx | 34 ++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/layouts/404/NotFoundLayout.tsx

diff --git a/src/Routes.tsx b/src/Routes.tsx
index 581a02f..3e76bf7 100644
--- a/src/Routes.tsx
+++ b/src/Routes.tsx
@@ -19,6 +19,7 @@ import EditProjectLayout from "./layouts/entity/project/edit/EditProjectLayout";
 import ProjectPricingLayout from "./layouts/entity/project/pricing/ProjectPricingLayout";
 import RegisterLayout from "./layouts/auth/register/RegisterLayout";
 import ConfirmEmailLayout from "./layouts/auth/confirmEmail/ConfirmEmailLayout";
+import NotFoundLayout from "./layouts/404/NotFoundLayout";
 
 class Routes extends React.Component {
     render() {
@@ -61,6 +62,9 @@ class Routes extends React.Component {
 
                     <Route path="/:owner/:alias/board/:boardGuid" exact component={BoardPage}/>
                 </Switch>
+                <Switch>
+                    <Route component={NotFoundLayout}/>
+                </Switch>
             </div>
         );
     }
diff --git a/src/layouts/404/NotFoundLayout.tsx b/src/layouts/404/NotFoundLayout.tsx
new file mode 100644
index 0000000..d74c1b0
--- /dev/null
+++ b/src/layouts/404/NotFoundLayout.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import FullContainerPage from "../../components/layout/simple/fullpage/FullContainerPage";
+import {Button, Card, Col, Icon, Row} from "antd";
+import styles from "../auth/login/styles.module.css";
+import {Link} from "react-router-dom";
+
+interface IProps {
+}
+
+interface IState {
+}
+
+class NotFoundLayout extends React.Component<IProps, IState> {
+    render() {
+        return (
+            <FullContainerPage>
+                <Row type={"flex"} justify={"center"}>
+                    <Col xxl={8} xl={8} md={12} xs={24} className={styles.verticalCenter}>
+                        <Card>
+                            <h3 className={"ant-typography"}>Page not found <Icon type={"robot"}/></h3>
+                            <Link to={window.App.isAuthorized() ? "/home" : "/"}>
+                                <Button type={"primary"}>
+                                    {window.App.isAuthorized() ? "Go to home" : "Go to index page"}
+                                </Button>
+                            </Link>
+                        </Card>
+                    </Col>
+                </Row>
+            </FullContainerPage>
+        );
+    }
+}
+
+export default NotFoundLayout;