Back button

Added a button to take the user back to the symptoms page relates #14
FACN3 · Feb 14, 2018 · 3fdc54a · 3fdc54a
1 parent 2045636
commit 3fdc54a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/client/public/style.css b/client/public/style.css
@@ -2,7 +2,7 @@ body {
   background-color: #17bebb;
 }
 h1 {
-  font-family: "Arvo", serif;
+  font-family: 'Arvo', serif;
 }
 ul {
   list-style-type: none;
@@ -13,3 +13,6 @@ ul {
 .bg-orange {
   background-color: #e4572e;
 }
+.bg-green {
+  background-color: #17bebb;
+}
diff --git a/client/src/containers/LocationForm.js b/client/src/containers/LocationForm.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import { Redirect } from 'react-router-dom';
+import { Redirect, Link } from 'react-router-dom';
 import Select from 'react-select';
 import 'react-select/dist/react-select.css';
 import * as actions from '../actions';
@@ -34,6 +34,7 @@ class LocationForm extends Component {
           onSubmit={this.handleSubmit}
           className="bg-orange mw7 center pa4 br2-ns ba b--black-10"
         >
+          <label className="f3 white">Location</label>
           <div className="cf">
             <Select
               className="f6 f5-l input-reset bn fl black-80 bg-white pa3 lh-solid w-100 w-75-m w-80-l br2-ns br--left-ns"
@@ -45,8 +46,15 @@ class LocationForm extends Component {
               onChange={this.handleChange}
               options={locationdata}
             />
+          </div>
+          <div class="mw7 center pa4 flex items-center justify-center">
+            <Link to="/symptoms">
+              <a className="f4 link dim br-pill bg-green washed-green no-underline b--orange ba grow pv2 ph3 dib mr4">
+                Back
+              </a>
+            </Link>
             <button
-              className="f6 f5-l button-reset fl pv3 tc bn bg-animate bg-black-70 hover-bg-black white pointer w-100 w-25-m w-20-l br2-ns br--right-ns"
+              className="f4 link dim br-pill bg-green washed-green no-underline b--orange ba grow pv2 ph3 dib ml4"
               type="submit"
             >
               Next