From ab5da7f25394d9f9929f90271e673fb4de12d4c6 Mon Sep 17 00:00:00 2001
From: Camerin <figueroa0609@protonmail.com>
Date: Sun, 19 Sep 2021 21:31:08 -0400
Subject: [PATCH] Added About Page

---
 src/components/About.js      | 24 ++++++++++++++++++++++++
 src/components/App.js        | 20 +++++++++-----------
 src/components/Navigation.js |  8 ++++----
 3 files changed, 37 insertions(+), 15 deletions(-)
 create mode 100644 src/components/About.js

diff --git a/src/components/About.js b/src/components/About.js
new file mode 100644
index 0000000..9c2c3b4
--- /dev/null
+++ b/src/components/About.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import './css/Github.css';
+import {getRepos} from '../actions';
+import Theater from './Theater';
+import space from '../img/space.webp';
+
+class Github extends React.Component {
+
+  render() {
+    return (
+      <div className="About">
+        <h1>About</h1>
+        <p>Hello World</p>
+      </div>
+    );
+  }
+}
+
+const mapStateToProps = (state) => {
+  return { repos: state.github.repos};
+}
+
+export default connect(mapStateToProps, { getRepos })(Github);
\ No newline at end of file
diff --git a/src/components/App.js b/src/components/App.js
index 79a6f7a..4be5ae3 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -5,19 +5,17 @@ import Home from './Home';
 import Github from './Github';
 
 const App = (props) => {
-    return (
+  return (
+    <BrowserRouter>
       <div className="App">
-        <BrowserRouter>
-          <div>
-            <Navigation />
-            <Switch>
-              <Route path="/" exact component={Home} />
-              <Route path="/github" component={Github} />
-            </Switch>
-          </div>
-        </BrowserRouter>
+        <Navigation />
+        <Switch>
+          <Route path="/" exact component={Home} />
+          <Route path="/github" component={Github} />
+        </Switch>
       </div>
-    );
+    </BrowserRouter>
+  );
 }
 
 export default App;
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index bfa2177..8b806f8 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -10,10 +10,6 @@ const Navigation = (props) => {
         Home
         <HouseDoor />
       </Link>
-      <Link to="/about">
-        About Me
-        <FileEarmarkPerson />
-      </Link>
       <Link to="/github">
         Github Repos
         <Github />
@@ -22,6 +18,10 @@ const Navigation = (props) => {
         Youtube Videos
         <Youtube />
       </Link>
+      <Link to="/about">
+        About
+        <FileEarmarkPerson />
+      </Link>
     </div>
   );
 }