Added About Page

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);

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>
+        <Navigation />
-          <div>
+        <Switch>
-            <Navigation />
+          <Route path="/" exact component={Home} />
-            <Switch>
+          <Route path="/github" component={Github} />
-              <Route path="/" exact component={Home} />
+        </Switch>
-              <Route path="/github" component={Github} />
-            </Switch>
-          </div>
-        </BrowserRouter>
       </div>
-    );
+    </BrowserRouter>
+  );
 }
 
 export default App;

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>
   );
 }