Merge pull request #144 from neelimagoogly/development

Creation of a responsive 'Read and Sign the Manifesto' button

Author: ikayz

src/components/Header.js

@@ -3,12 +3,16 @@ import React from 'react';
 import '../styles/Header.css';
 import { Button, Jumbotron } from 'react-bootstrap';
 import Container from 'react-bootstrap/Container';
+import {Link} from "react-router-dom";
 
 function Header() {
+
   return (
     <div className='header'>
       <Jumbotron fluid>
-        <Button fluid="true">Read and Sign the Manifesto</Button>
+        <Link to='/manifesto'>
+          <Button fluid="true">Read and Sign the Manifesto</Button>
+        </Link>
       </Jumbotron>
     </div>
   );

src/index.js

@@ -1,33 +1,35 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { Route, BrowserRouter as Router, Switch, Redirect } from 'react-router-dom';
-import Navigation from './components/Navigation';
-import Home from './pages/Home';
-import Manifesto from './pages/Manifesto';
-import Journal from './pages/Journal';
-import Contact from './pages/Contact';
-import Login from './pages/Login';
-import SignUp from './pages/SignUp';
-import Footer from './components/Footer';
-
-function App() {
-  return (
-    <Router>
-      <Navigation />
-      <Switch>
-        <Route path='/' exact component={Home} />
-        <Route path='/manifesto' exact component={Manifesto} />
-        <Route path='/journal' exact component={Journal} />
-        <Route path='/contact' exact component={Contact} />
-        <Route path='/login' exact component={Login} />
-        <Route path='/signup' exact component={SignUp} />
-        <Redirect to='/' />
-      </Switch>
-      <Footer />
-    </Router>
-  );
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { Route, BrowserRouter as Router, Switch, Redirect } from 'react-router-dom';
+import Navigation from './components/Navigation';
+import Home from './pages/Home';
+import Manifesto from './pages/Manifesto';
+import Journal from './pages/Journal';
+import Contact from './pages/Contact';
+import Login from './pages/Login';
+import SignUp from './pages/SignUp';
+import Footer from './components/Footer';
+import Header from './components/Header';
+
+function App() {
+  return (
+    <Router>
+      <Navigation />
+      <Switch>
+        <Route path='/' exact component={Home} />
+        <Route path='/manifesto' exact component={Manifesto} />
+        <Route path='/journal' exact component={Journal} />
+        <Route path='/contact' exact component={Contact} />
+        <Route path='/login' exact component={Login} />
+        <Route path='/signup' exact component={SignUp} />
+        <Route path='/header' component={Header} />
+        <Redirect to='/' />
+      </Switch>
+      <Footer />
+    </Router>
+  );
+}
+
+ReactDOM.render(<App />, document.getElementById('root'));