#207 Migrate footer code to core react component

frontend/public/index.html

@@ -19,5 +19,4 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
-  <footer><p>© 2017 by Conor Heffron</p></footer>
 </html>

frontend/src/Footer.js

@@ -0,0 +1,11 @@
+import { Container } from 'reactstrap';
+
+export default function Footer() {
+  return (
+        <div className="App">
+            <Container>
+                <footer><p>© 2017 by Conor Heffron</p></footer>
+            </Container>
+        </div>
+  );
+}

frontend/src/components/About.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class About extends Component {
 
@@ -29,6 +30,7 @@ class About extends Component {
                         </a>
                 </header>
             </Container>
+            <Footer/>
         </div>
     );
   }

frontend/src/components/ControlledCarousel.js

@@ -4,6 +4,7 @@ import 'bootstrap/dist/css/bootstrap.css';
 import '.././App.css';
 import { Container } from 'reactstrap';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import navy from '.././img/darkblue-bg.png';
 import teal from '.././img/teal-bg.png';
 import red from '.././img/red-bg.png';
@@ -103,6 +104,7 @@ class ControlledCarousel extends Component {
                             </Carousel.Item>
                         </Carousel>
                     </Container>
+                <Footer/>
             </div>
         );
     }

frontend/src/components/Home.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import logo from '.././img/robot-logo.png';
 
 class Home extends Component {
@@ -16,6 +17,7 @@ class Home extends Component {
                     <p id="my-intro">Web Application Development | Software & Data Engineering | DevOps</p>
                   </header>
               </Container>
+              <Footer/>
             </div>
         );
     }

frontend/src/components/NotFound.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class NotFound extends Component {
 
@@ -15,6 +16,7 @@ class NotFound extends Component {
                     <p id="my-intro">Sorry, the page you are looking for could not be found.</p>
                   </header>
               </Container>
+              <Footer/>
             </div>
         );
     }

frontend/src/components/RepoDetails.js

@@ -3,6 +3,7 @@ import { Button, ButtonGroup, Container, InputGroup, Table } from 'reactstrap';
 import '.././App.css';
 import Form from 'react-bootstrap/Form';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import { Link } from 'react-router-dom';
 
 class RepoDetails extends Component {
@@ -82,6 +83,7 @@ class RepoDetails extends Component {
                             <tbody>{repoList}</tbody>
                         </Table>
                     </Container>
+                    <Footer/>
                 </div>
             );
     }

frontend/src/components/RepoIssues.js

@@ -3,6 +3,7 @@ import { Button, Container, InputGroup, Table } from 'reactstrap';
 import '.././App.css';
 import Form from 'react-bootstrap/Form';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class RepoIssues extends Component {
 
@@ -75,6 +76,7 @@ class RepoIssues extends Component {
                             <tbody>{repoList}</tbody>
                         </Table>
                     </Container>
+                    <Footer/>
                 </div>
             );
     }