From f797a34bc44c4f8d46c1b9b83bc810b36dd98ad9 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 11 Apr 2020 02:09:47 +0300
Subject: [PATCH] PageNotFound

---
 src/components/App.js          | 10 +++++++---
 src/components/PageNotFound.js |  5 +++++
 2 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 src/components/PageNotFound.js

diff --git a/src/components/App.js b/src/components/App.js
index 70203c9..e575d6e 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,15 +1,19 @@
 import React from "react";
-import { Route } from "react-router-dom";
+import { Route, Switch } from "react-router-dom";
 import HomePage from "./home/HomePage";
 import AboutPage from "./about/AboutPage";
 import Header from "./common/Header";
+import PageNotFound from "./PageNotFound";
 
 function App() {
   return (
     <div className="container-fluid">
       <Header />
-      <Route exact path="/" component={HomePage} />
-      <Route path="/about" component={AboutPage} />
+      <Switch>
+        <Route exact path="/" component={HomePage} />
+        <Route path="/about" component={AboutPage} />
+        <Route component={PageNotFound} />
+      </Switch>
     </div>
   );
 }
diff --git a/src/components/PageNotFound.js b/src/components/PageNotFound.js
new file mode 100644
index 0000000..70a8d0f
--- /dev/null
+++ b/src/components/PageNotFound.js
@@ -0,0 +1,5 @@
+import React from "react";
+
+const PageNotFound = () => <h1>Oops! Page not found</h1>;
+
+export default PageNotFound;