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

---
 src/components/App.js                 | 2 ++
 src/components/common/Header.js       | 4 ++++
 src/components/courses/CoursesPage.js | 9 +++++++++
 3 files changed, 15 insertions(+)
 create mode 100644 src/components/courses/CoursesPage.js

diff --git a/src/components/App.js b/src/components/App.js
index e575d6e..13bb7b4 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -4,6 +4,7 @@ import HomePage from "./home/HomePage";
 import AboutPage from "./about/AboutPage";
 import Header from "./common/Header";
 import PageNotFound from "./PageNotFound";
+import CoursesPage from "./courses/CoursesPage";
 
 function App() {
   return (
@@ -12,6 +13,7 @@ function App() {
       <Switch>
         <Route exact path="/" component={HomePage} />
         <Route path="/about" component={AboutPage} />
+        <Route path="/courses" component={CoursesPage} />
         <Route component={PageNotFound} />
       </Switch>
     </div>
diff --git a/src/components/common/Header.js b/src/components/common/Header.js
index cdff2ad..d2e6183 100644
--- a/src/components/common/Header.js
+++ b/src/components/common/Header.js
@@ -10,6 +10,10 @@ const Header = () => {
         Home
       </NavLink>
       {" | "}
+      <NavLink to="/courses" activeStyle={activeStyle}>
+        Courses
+      </NavLink>
+      {" | "}
       <NavLink to="/about" activeStyle={activeStyle}>
         About
       </NavLink>
diff --git a/src/components/courses/CoursesPage.js b/src/components/courses/CoursesPage.js
new file mode 100644
index 0000000..fc0fe72
--- /dev/null
+++ b/src/components/courses/CoursesPage.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+class CoursesPage extends React.Component {
+  render() {
+    return <h2>Courses</h2>;
+  }
+}
+
+export default CoursesPage;