From 8b3cec8d6faaa0d84ae04e90382b902735308bd2 Mon Sep 17 00:00:00 2001
From: shortCircuit81 <54492585+shortCircuit81@users.noreply.github.com>
Date: Mon, 22 Feb 2021 11:36:14 +0530
Subject: [PATCH] updated

---
 client/src/App.js   | 24 ++++++++++++++++--------
 client/src/Error.js | 26 ++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 8 deletions(-)
 create mode 100644 client/src/Error.js

diff --git a/client/src/App.js b/client/src/App.js
index 08fcd8d..5611378 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,15 +1,23 @@
-import logo from './logo.svg';
-import './App.css';
+import {
+  BrowserRouter as Router,
+  Route,
+  Switch,
+} from 'react-router-dom'
+import NotFoundPage from './pages/NotFoundPage';
+// import HomePage from './pages/HomePage';
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <h1>Hello, All-Notes :)</h1>
+    <Router>
+        <div className="App">
+            <Switch>
+                {/* <Route path="/" component={HomePage} exact /> */}
+                <Route component={NotFoundPage} />
+            </Switch>
 
-      </header>
-    </div>
+        </div>
+    </Router>
   );
 }
 
-export default App;
+export default App;
\ No newline at end of file
diff --git a/client/src/Error.js b/client/src/Error.js
new file mode 100644
index 0000000..3b767b9
--- /dev/null
+++ b/client/src/Error.js
@@ -0,0 +1,26 @@
+
+//Add route for error page...
+// <Route component = {error}>
+// import Logo from '../logo.png';
+import React from "react";
+import {NavLink} from "react-router-dom";
+import Logo from './design/error-screen/sreens/error-sreen-desktop.png'
+const Error = () => {
+    const mystyle = {
+        color: "white",
+        backgroundColor: "DodgerBlue",
+        padding: "10px",
+        fontFamily: "Arial"
+      };
+    return (
+        <>
+        <div className="setStyle2">
+            <h1 style={mystyle}>404 Error Page</h1>
+            {/* <p>Sorry this page is not valid</p> */}
+            <NavLink to ="/">Take Me Back To Where I Came From</NavLink>
+            <img src = {Logo} width = "500" alt ="error-screen-desktop.png"/>   
+        </div>
+        </>
+    );
+};
+export default Error;
\ No newline at end of file