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

@@ -6,9 +6,8 @@ import Github from './Github';
 
 const App = (props) => {
   return (
-      <div className="App">
     <BrowserRouter>
-          <div>
+      <div className="App">
         <Navigation />
         <Switch>
           <Route path="/" exact component={Home} />
@@ -16,7 +15,6 @@ const App = (props) => {
         </Switch>
       </div>
     </BrowserRouter>
-      </div>
   );
 }
 

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