From 3b9c1f0da997257ad334866e61a8dee55fe1fe18 Mon Sep 17 00:00:00 2001
From: ttinonin <tinonin935@gmail.com>
Date: Thu, 21 Jul 2022 01:00:43 -0300
Subject: [PATCH] [Add] Not found page

---
 frontend/package-lock.json               |  1 +
 frontend/src/component/Main.js           |  4 +++-
 frontend/src/component/utils/NotFound.js | 22 ++++++++++++++++++++++
 package-lock.json                        |  6 ++++++
 4 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/component/utils/NotFound.js
 create mode 100644 package-lock.json

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index aa303b8..fe56da5 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "frontend",
       "version": "0.1.0",
       "dependencies": {
         "@material-ui/core": "^4.11.3",
diff --git a/frontend/src/component/Main.js b/frontend/src/component/Main.js
index ace04d7..839bb5f 100644
--- a/frontend/src/component/Main.js
+++ b/frontend/src/component/Main.js
@@ -10,7 +10,7 @@ import Home from './Home';
 import Add from './link/Add';
 import MainLink from './link/Main';
 import Navbar from './utils/Navbar';
-
+import NotFound from './utils/NotFound';
 
 export default function Main() {
     const isAuthenticated = useSelector(state => state.userState.isAuthenticated)
@@ -33,6 +33,8 @@ export default function Main() {
                     <Route exact path="/add" component={Add} />
 
                     <Route exact path="/link/:email" component={MainLink} />
+
+                    <Route component={NotFound}/>
                 </Switch>
             </div>
         </Router>
diff --git a/frontend/src/component/utils/NotFound.js b/frontend/src/component/utils/NotFound.js
new file mode 100644
index 0000000..c9a8cf0
--- /dev/null
+++ b/frontend/src/component/utils/NotFound.js
@@ -0,0 +1,22 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { Button } from "@material-ui/core";
+
+const NotFound = () => {
+    return (
+        <div className='background-grad w-100 overflow-hidden' style={{ height: 'calc(100vh - 64px)' }}>
+            <div className="container mt-3">
+                <div className="row">
+                    <di className='col-md-6'>
+                        <h1>404.</h1>
+                        <h3>This page does not exists</h3>
+                        <p>Looks like you're lost! please go to the homepage.</p>
+                        <Link to='/'><Button>Home</Button></Link>
+                    </di>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default NotFound
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..6c08652
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "MyCryptoLink",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}