From 598ed08f7d304e7057e57ed1edd3408bec82c1e4 Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Sat, 16 Nov 2019 02:28:16 -0500
Subject: [PATCH 1/6] routing initial commit

---
 app/containers/App.js              | 15 ++++-
 app/containers/EditTeamSettings.js | 78 +++++++++++++++++++++++++
 app/containers/EditUserSettings.js | 78 +++++++++++++++++++++++++
 app/containers/Footer.js           | 27 +++++++++
 app/containers/SettingsTabs.js     | 37 ++++++++++++
 app/containers/TeamSettings.js     | 91 ++++++++++++++++++++++++++++++
 app/containers/UpcomingShifts.js   |  9 ++-
 app/containers/UserSettings.js     | 84 +++++++++++++++++++++++++++
 package.json                       |  2 +-
 yarn.lock                          | 51 ++++++++++++++++-
 10 files changed, 464 insertions(+), 8 deletions(-)
 create mode 100644 app/containers/EditTeamSettings.js
 create mode 100644 app/containers/EditUserSettings.js
 create mode 100644 app/containers/Footer.js
 create mode 100644 app/containers/SettingsTabs.js
 create mode 100644 app/containers/TeamSettings.js
 create mode 100644 app/containers/UserSettings.js

diff --git a/app/containers/App.js b/app/containers/App.js
index f3315225..acdd458e 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -1,11 +1,19 @@
 // @flow
 
 import React, { Component } from 'react';
+import { Text, StyleSheet, View } from 'react-native';
 import { Provider } from 'react-redux';
 // import Login from './Login';
 import UpcomingShifts from './UpcomingShifts';
+import SettingsTabs from './SettingsTabs';
+import TeamSettings from './TeamSettings';
+import EditTeamSettings from './EditTeamSettings';
+import EditUserSettings from './EditUserSettings';
 import { configureStore } from '../redux/utils/store';
 
+import { NativeRouter, Route, Link } from 'react-router-native';
+// import Home from './UpcomingShifts';
+
 type Props = any;
 
 export default class App extends Component<Props> {
@@ -14,7 +22,12 @@ export default class App extends Component<Props> {
 
     return (
       <Provider store={store}>
-        <UpcomingShifts />
+        <NativeRouter>
+          <Route exact path="/" component={SettingsTabs} />
+          <Route exact path={'/shifts'} component={UpcomingShifts} />
+          <Route exact path={'/editteam'} component={EditTeamSettings} />
+          <Route exact path={'/edituser'} component={EditUserSettings} />
+        </NativeRouter>
       </Provider>
     );
   }
diff --git a/app/containers/EditTeamSettings.js b/app/containers/EditTeamSettings.js
new file mode 100644
index 00000000..1f461641
--- /dev/null
+++ b/app/containers/EditTeamSettings.js
@@ -0,0 +1,78 @@
+// @flow
+
+import React, { Component } from 'react';
+import { Agenda } from 'react-native-calendars';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import moment from 'moment';
+
+import { getAllShifts } from '../redux/actions/shifts';
+import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+import Footer from './Footer';
+
+import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
+
+import { Link } from 'react-router-native';
+
+type Props = {
+  getAllShifts: () => void,
+};
+
+class EditTeamSettings extends Component<Props> {
+  componentWillMount() {
+    this.props.getAllShifts();
+  }
+
+  render() {
+
+    return (
+          <Container>
+          <Header>
+          <Button iconleft primary>
+          <Link to={'/'}>
+          <Icon name='arrow-back' />
+          </Link>
+          </Button>
+          <Left />
+          <Button iconLeft primary>
+          <Title>Team Settings</Title>
+          <Icon name='cog' />
+          </Button>
+          <Right />
+          </Header>
+            <Content>
+              <Form>
+                <Item floatingLabel>
+                  <Label>Name</Label>
+                  <Input />
+                </Item>
+                <Item floatingLabel last>
+                  <Label>Phone Number</Label>
+                  <Input />
+                </Item>
+              </Form>
+              <Button primary block style= {{marginTop: 40}}>
+              <Text> Change Team Settings </Text>
+              </Button>
+            </Content>
+          </Container>
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  shifts: state.shifts,
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      getAllShifts,
+    },
+    dispatch,
+  );
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(EditTeamSettings);
diff --git a/app/containers/EditUserSettings.js b/app/containers/EditUserSettings.js
new file mode 100644
index 00000000..a9653fca
--- /dev/null
+++ b/app/containers/EditUserSettings.js
@@ -0,0 +1,78 @@
+// @flow
+
+import React, { Component } from 'react';
+import { Agenda } from 'react-native-calendars';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import moment from 'moment';
+
+import { getAllShifts } from '../redux/actions/shifts';
+import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+import Footer from './Footer';
+
+import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
+
+import { Link } from 'react-router-native';
+
+type Props = {
+  getAllShifts: () => void,
+};
+
+class EditUserSettings extends Component<Props> {
+  componentWillMount() {
+    this.props.getAllShifts();
+  }
+
+  render() {
+
+    return (
+          <Container>
+          <Header>
+          <Button iconleft primary>
+          <Link to={'/'}>
+          <Icon name='arrow-back' />
+          </Link>
+          </Button>
+          <Left />
+          <Button iconLeft primary>
+          <Title>User Settings</Title>
+          <Icon name='cog' />
+          </Button>
+          <Right />
+          </Header>
+            <Content>
+              <Form>
+                <Item floatingLabel>
+                  <Label>Name</Label>
+                  <Input />
+                </Item>
+                <Item floatingLabel last>
+                  <Label>Phone Number</Label>
+                  <Input />
+                </Item>
+              </Form>
+              <Button primary block style= {{marginTop: 40}}>
+              <Text> Change User Settings </Text>
+              </Button>
+            </Content>
+          </Container>
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  shifts: state.shifts,
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      getAllShifts,
+    },
+    dispatch,
+  );
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(EditUserSettings);
diff --git a/app/containers/Footer.js b/app/containers/Footer.js
new file mode 100644
index 00000000..9e0f235e
--- /dev/null
+++ b/app/containers/Footer.js
@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import { Container, Header, Content, Footer, FooterTab, Button, Icon, Text } from 'native-base';
+export default class FooterTabsIconTextExample extends Component {
+  render() {
+    return (
+      <Container>
+        <Content />
+        <Footer>
+          <FooterTab>
+            <Button vertical>
+              <Icon name="apps" />
+              <Text>Dashboard</Text>
+            </Button>
+            <Button vertical active>
+              <Icon active name="chatboxes" />
+              <Text>Announcements</Text>
+            </Button>
+            <Button vertical>
+              <Icon name="calendar" />
+              <Text>Calendar</Text>
+            </Button>
+          </FooterTab>
+        </Footer>
+      </Container>
+    );
+  }
+}
diff --git a/app/containers/SettingsTabs.js b/app/containers/SettingsTabs.js
new file mode 100644
index 00000000..a066a9cb
--- /dev/null
+++ b/app/containers/SettingsTabs.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs } from 'native-base';
+import TeamSettings from './TeamSettings';
+import UserSettings from './UserSettings';
+import EditUserSettings from './EditUserSettings';
+
+import { Link } from 'react-router-native';
+
+export default class SettingsTabs extends Component {
+  render() {
+    return (
+      <Container>
+      <Header>
+      <Button iconleft primary>
+      <Link to={'/shifts'}>
+      <Icon name='arrow-back' />
+      </Link>
+      </Button>
+      <Left />
+      <Button iconLeft primary>
+      <Title>Settings</Title>
+      <Icon name='cog' />
+      </Button>
+      <Right />
+      </Header>
+        <Tabs>
+          <Tab heading="User">
+            <UserSettings />
+          </Tab>
+          <Tab heading="Team">
+            <TeamSettings />
+          </Tab>
+        </Tabs>
+      </Container>
+    );
+  }
+}
diff --git a/app/containers/TeamSettings.js b/app/containers/TeamSettings.js
new file mode 100644
index 00000000..2b54a280
--- /dev/null
+++ b/app/containers/TeamSettings.js
@@ -0,0 +1,91 @@
+// @flow
+
+import React, { Component } from 'react';
+import { View } from 'react-native';
+import { Agenda } from 'react-native-calendars';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import moment from 'moment';
+import UpcomingShifts from './UpcomingShifts';
+
+import { getAllShifts } from '../redux/actions/shifts';
+import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+
+import {
+  Container,
+  Icon,
+  Content,
+  Header,
+  Left,
+  Right,
+  Body,
+  Title,
+  Text,
+  Button,
+  Card,
+  CardItem,
+} from 'native-base';
+
+import { Link } from 'react-router-native';
+
+type Props = {
+  getAllShifts: () => void,
+};
+
+class TeamSettings extends Component<Props> {
+  componentWillMount() {
+    this.props.getAllShifts();
+  }
+
+  render() {
+    return (
+      <Container>
+        <Content
+          contentContainerStyle={{
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingTop: 10,
+            paddingHorizontal: 5,
+          }}
+        >
+          <Card>
+            <CardItem>
+              <Text>Team Name: Team GTHC</Text>
+            </CardItem>
+            <CardItem>
+              <Text>Tent Type: Black</Text>
+            </CardItem>
+            <CardItem>
+              <Text>Passcode: ADC9L</Text>
+            </CardItem>
+          </Card>
+          <Button block style={{ marginTop: 40 }}>
+            <Link to={'/editteam'}>
+              <Text> Edit Team Settings </Text>
+            </Link>
+          </Button>
+          <Button block style={{ marginTop: 40 }}>
+            <Text> Team Table </Text>
+          </Button>
+        </Content>
+      </Container>
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  shifts: state.shifts,
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      getAllShifts,
+    },
+    dispatch,
+  );
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(TeamSettings);
diff --git a/app/containers/UpcomingShifts.js b/app/containers/UpcomingShifts.js
index d252c567..c74dcb20 100644
--- a/app/containers/UpcomingShifts.js
+++ b/app/containers/UpcomingShifts.js
@@ -1,6 +1,7 @@
 // @flow
 
 import React, { Component } from 'react';
+import { Text, StyleSheet } from 'react-native';
 import { Agenda } from 'react-native-calendars';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
@@ -9,6 +10,8 @@ import moment from 'moment';
 import { getAllShifts } from '../redux/actions/shifts';
 import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
 
+import { Link } from 'react-router-native';
+
 type Props = {
   getAllShifts: () => void,
 };
@@ -27,9 +30,9 @@ class UpcomingShifts extends Component<Props> {
     return (
       <Agenda
         items={{
-          '2019-10-13': [{ text: 'Anesu, Aman', time: '3 - 5PM' }],
-          '2019-10-12': [{ text: 'Anesu, Rikki', time: '11AM - 2PM' }],
-          '2019-10-10': [
+          '2019-11-13': [{ text: 'Anesu, Aman', time: '3 - 5PM' }],
+          '2019-11-13': [{ text: 'Anesu, Rikki', time: '11AM - 2PM' }],
+          '2019-11-13': [
             { text: 'Anesu, Vinit', time: '12 - 5PM' },
             { text: 'Anesu, Gouttham', time: '1AM - 8AM' },
           ],
diff --git a/app/containers/UserSettings.js b/app/containers/UserSettings.js
new file mode 100644
index 00000000..4661a433
--- /dev/null
+++ b/app/containers/UserSettings.js
@@ -0,0 +1,84 @@
+// @flow
+
+import React, { Component } from 'react';
+import { Agenda } from 'react-native-calendars';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import moment from 'moment';
+
+import { getAllShifts } from '../redux/actions/shifts';
+import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+
+import { Container, Content, Header, Left, Right, Body, Title, Text, Button, Card, CardItem } from 'native-base';
+
+import { Link } from 'react-router-native';
+
+type Props = {
+  getAllShifts: () => void,
+};
+
+class UserSettings extends Component<Props> {
+  componentWillMount() {
+    this.props.getAllShifts();
+  }
+
+  render() {
+
+    return (
+      <Container>
+      <Content contentContainerStyle ={{
+        justifyContent: 'center', alignItems: 'center',
+        paddingTop: 40, paddingHorizontal: 5}}>
+        <Card>
+        <CardItem>
+        <Text>
+        Name: Rikki Kendall
+        </Text>
+        </CardItem>
+        <CardItem>
+        <Text>
+        Email: yrk3@duke.edu
+        </Text>
+        </CardItem>
+        <CardItem>
+        <Text>
+        Phone: 5593266408
+        </Text>
+        </CardItem>
+        </Card>
+        <Button block style= {{marginTop: 40}}>
+        <Link to={'/edituser'}>
+        <Text> Edit User Information </Text>
+        </Link>
+        </Button>
+        <Button block style= {{marginTop: 40}}>
+        <Text> Edit Password </Text>
+        </Button>
+        <Button block style= {{marginTop: 40}}>
+        <Text> Edit Avatar </Text>
+        </Button>
+        <Button block style= {{marginTop: 40}}>
+        <Text> Edit Availability </Text>
+        </Button>
+        </Content>
+        </Container>
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  shifts: state.shifts,
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      getAllShifts,
+    },
+    dispatch,
+  );
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(UserSettings);
diff --git a/package.json b/package.json
index 10e51d95..6901ce4f 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
     "lint": "eslint ./",
     "test:unit": "jest",
     "test": "yarn lint && yarn flow",
-    "precommit": "lint-staged && yarn test",
     "pretty": "prettier  --print-width 100 --single-quote --trailing-comma all --write \".//**/*.js\""
   },
   "lint-staged": {
@@ -32,6 +31,7 @@
     "react-native-calendars": "^1.20.0",
     "react-navigation": "^2.14.2",
     "react-redux": "^6.0.1",
+    "react-router-native": "^5.1.2",
     "react-router-redux": "^4.0.8",
     "redux": "^4.0.4",
     "redux-devtools": "^3.5.0",
diff --git a/yarn.lock b/yarn.lock
index 3dc28227..7f321be5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -677,6 +677,13 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
+"@babel/runtime@^7.4.0":
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.2.tgz#111a78002a5c25fc8e3361bedc9529c696b85a6a"
+  integrity sha512-JONRbXbTXc9WQE2mAZd1p0Z3DZ/6vaQIkgYMSTP3KjRCyd7rCZCcfhCyX+YjwcKxcZ82UrxbRD358bpExNgrjw==
+  dependencies:
+    regenerator-runtime "^0.13.2"
+
 "@babel/template@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0.tgz#c2bc9870405959c89a9c814376a2ecb247838c80"
@@ -3505,7 +3512,7 @@ heap@^0.2.6:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/heap/-/heap-0.2.6.tgz#087e1f10b046932fc8594dd9e6d378afc9d1e5ac"
 
-history@^4.10.1:
+history@^4.10.1, history@^4.9.0:
   version "4.10.1"
   resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
   integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
@@ -3540,7 +3547,7 @@ hoist-non-react-statics@^2.2.0, hoist-non-react-statics@^2.3.1, hoist-non-react-
   version "2.5.5"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
 
-hoist-non-react-statics@^3.3.0:
+hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b"
   integrity sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==
@@ -5112,6 +5119,15 @@ min-document@^2.19.0:
   dependencies:
     dom-walk "^0.1.0"
 
+mini-create-react-context@^0.3.0:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/mini-create-react-context/-/mini-create-react-context-0.3.2.tgz#79fc598f283dd623da8e088b05db8cddab250189"
+  integrity sha512-2v+OeetEyliMt5VHMXsBhABoJ0/M4RCe7fatd/fBy6SMiKazUSEt3gxxypfnk2SHMkdBYvorHRoQxuGoiwbzAw==
+  dependencies:
+    "@babel/runtime" "^7.4.0"
+    gud "^1.0.0"
+    tiny-warning "^1.0.2"
+
 mini-store@^1.0.2, mini-store@^1.1.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/mini-store/-/mini-store-1.1.2.tgz#cc150e0878e080ca58219d47fccefefe2c9aea3e"
@@ -6346,6 +6362,11 @@ react-is@^16.4.2, react-is@^16.5.0:
   version "16.5.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.5.1.tgz#c6e8734fd548a22e1cef4fd0833afbeb433b85ee"
 
+react-is@^16.6.0:
+  version "16.11.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.11.0.tgz#b85dfecd48ad1ce469ff558a882ca8e8313928fa"
+  integrity sha512-gbBVYR2p8mnriqAwWx9LbuUrShnAuSCNnuPGyc7GJrMVQtPDAh8iLpv7FRuMPFb56KkaVZIYSz1PrjI9q0QPCw==
+
 react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
@@ -6585,11 +6606,35 @@ react-router-dom@^4.2.2:
     react-router "^4.3.1"
     warning "^4.0.1"
 
+react-router-native@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/react-router-native/-/react-router-native-5.1.2.tgz#1ef02785cb396f2b4234b85ab32e551c191ff41b"
+  integrity sha512-0dOsu3qe6CRqLVjgoYvjQrOLzDwS3Z6oWiiKFswEohQ/fLXx/w9168ay7b/q855SrOZdk1ZwcvT3Xdc2Ki29Xg==
+  dependencies:
+    prop-types "^15.6.1"
+    react-router "5.1.2"
+
 react-router-redux@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/react-router-redux/-/react-router-redux-4.0.8.tgz#227403596b5151e182377dab835b5d45f0f8054e"
   integrity sha1-InQDWWtRUeGCN32rg1tdRfD4BU4=
 
+react-router@5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.1.2.tgz#6ea51d789cb36a6be1ba5f7c0d48dd9e817d3418"
+  integrity sha512-yjEuMFy1ONK246B+rsa0cUam5OeAQ8pyclRDgpxuSCrAlJ1qN9uZ5IgyKC7gQg0w8OM50NXHEegPh/ks9YuR2A==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    history "^4.9.0"
+    hoist-non-react-statics "^3.1.0"
+    loose-envify "^1.3.1"
+    mini-create-react-context "^0.3.0"
+    path-to-regexp "^1.7.0"
+    prop-types "^15.6.2"
+    react-is "^16.6.0"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+
 react-router@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.3.1.tgz#aada4aef14c809cb2e686b05cee4742234506c4e"
@@ -7580,7 +7625,7 @@ tiny-invariant@^1.0.2:
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.0.6.tgz#b3f9b38835e36a41c843a3b0907a5a7b3755de73"
   integrity sha512-FOyLWWVjG+aC0UqG76V53yAWdXfH8bO6FNmyZOuUrzDzK8DI3/JRY25UD7+g49JWM1LXwymsKERB+DzI0dTEQA==
 
-tiny-warning@^1.0.0:
+tiny-warning@^1.0.0, tiny-warning@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==

From a60265dca5b271481a0c99a63b887a993c0a9fcf Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Sat, 16 Nov 2019 02:46:44 -0500
Subject: [PATCH 2/6] completed routing for edit user and edit team settings
 pages

---
 app/containers/App.js              |  6 ++-
 app/containers/EditPassword.js     | 82 ++++++++++++++++++++++++++++++
 app/containers/EditTeamSettings.js |  4 +-
 app/containers/TeamSettings.js     |  2 +-
 app/containers/UserSettings.js     |  4 +-
 5 files changed, 92 insertions(+), 6 deletions(-)
 create mode 100644 app/containers/EditPassword.js

diff --git a/app/containers/App.js b/app/containers/App.js
index acdd458e..1410c0b4 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -9,6 +9,7 @@ import SettingsTabs from './SettingsTabs';
 import TeamSettings from './TeamSettings';
 import EditTeamSettings from './EditTeamSettings';
 import EditUserSettings from './EditUserSettings';
+import EditPassword from './EditPassword';
 import { configureStore } from '../redux/utils/store';
 
 import { NativeRouter, Route, Link } from 'react-router-native';
@@ -25,8 +26,9 @@ export default class App extends Component<Props> {
         <NativeRouter>
           <Route exact path="/" component={SettingsTabs} />
           <Route exact path={'/shifts'} component={UpcomingShifts} />
-          <Route exact path={'/editteam'} component={EditTeamSettings} />
-          <Route exact path={'/edituser'} component={EditUserSettings} />
+          <Route exact path={'/editteamsettings'} component={EditTeamSettings} />
+          <Route exact path={'/editusersettings'} component={EditUserSettings} />
+          <Route exact path={'/editpassword'} component={EditPassword} />
         </NativeRouter>
       </Provider>
     );
diff --git a/app/containers/EditPassword.js b/app/containers/EditPassword.js
new file mode 100644
index 00000000..cf31f7eb
--- /dev/null
+++ b/app/containers/EditPassword.js
@@ -0,0 +1,82 @@
+// @flow
+
+import React, { Component } from 'react';
+import { Agenda } from 'react-native-calendars';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import moment from 'moment';
+
+import { getAllShifts } from '../redux/actions/shifts';
+import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+import Footer from './Footer';
+
+import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
+
+import { Link } from 'react-router-native';
+
+type Props = {
+  getAllShifts: () => void,
+};
+
+class EditTeamSettings extends Component<Props> {
+  componentWillMount() {
+    this.props.getAllShifts();
+  }
+
+  render() {
+
+    return (
+          <Container>
+          <Header>
+          <Button iconleft primary>
+          <Link to={'/'}>
+          <Icon name='arrow-back' />
+          </Link>
+          </Button>
+          <Left />
+          <Button iconLeft primary>
+          <Title>Edit Password</Title>
+          <Icon name='cog' />
+          </Button>
+          <Right />
+          </Header>
+            <Content>
+              <Form>
+                <Item floatingLabel>
+                  <Label>Current Password</Label>
+                  <Input />
+                </Item>
+                <Item floatingLabel last>
+                  <Label>New Password</Label>
+                  <Input />
+                </Item>
+                <Item floatingLabel last>
+                  <Label>Password Confirmation</Label>
+                  <Input />
+                </Item>
+              </Form>
+              <Button primary block style= {{marginTop: 40}}>
+              <Text> Save </Text>
+              </Button>
+            </Content>
+          </Container>
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  shifts: state.shifts,
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      getAllShifts,
+    },
+    dispatch,
+  );
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(EditTeamSettings);
diff --git a/app/containers/EditTeamSettings.js b/app/containers/EditTeamSettings.js
index 1f461641..9ea2cbe5 100644
--- a/app/containers/EditTeamSettings.js
+++ b/app/containers/EditTeamSettings.js
@@ -43,11 +43,11 @@ class EditTeamSettings extends Component<Props> {
             <Content>
               <Form>
                 <Item floatingLabel>
-                  <Label>Name</Label>
+                  <Label>Team Name</Label>
                   <Input />
                 </Item>
                 <Item floatingLabel last>
-                  <Label>Phone Number</Label>
+                  <Label>Tent Type</Label>
                   <Input />
                 </Item>
               </Form>
diff --git a/app/containers/TeamSettings.js b/app/containers/TeamSettings.js
index 2b54a280..bfc08446 100644
--- a/app/containers/TeamSettings.js
+++ b/app/containers/TeamSettings.js
@@ -60,7 +60,7 @@ class TeamSettings extends Component<Props> {
             </CardItem>
           </Card>
           <Button block style={{ marginTop: 40 }}>
-            <Link to={'/editteam'}>
+            <Link to={'/editteamsettings'}>
               <Text> Edit Team Settings </Text>
             </Link>
           </Button>
diff --git a/app/containers/UserSettings.js b/app/containers/UserSettings.js
index 4661a433..4c451fb0 100644
--- a/app/containers/UserSettings.js
+++ b/app/containers/UserSettings.js
@@ -47,12 +47,14 @@ class UserSettings extends Component<Props> {
         </CardItem>
         </Card>
         <Button block style= {{marginTop: 40}}>
-        <Link to={'/edituser'}>
+        <Link to={'/editusersettings'}>
         <Text> Edit User Information </Text>
         </Link>
         </Button>
         <Button block style= {{marginTop: 40}}>
+        <Link to={'/editpassword'}>
         <Text> Edit Password </Text>
+        </Link>
         </Button>
         <Button block style= {{marginTop: 40}}>
         <Text> Edit Avatar </Text>

From e19840a3dceecda9376cb64548c6f238752e5905 Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Wed, 20 Nov 2019 19:58:39 -0500
Subject: [PATCH 3/6] removed buttons on settings tabs (specifically the edit
 password section and avatar section)

---
 app/containers/App.js              |  3 +-
 app/containers/EditPassword.js     | 82 ------------------------------
 app/containers/EditUserSettings.js | 18 ++++++-
 app/containers/SettingsTabs.js     |  4 ++
 app/containers/UserSettings.js     | 11 ----
 5 files changed, 22 insertions(+), 96 deletions(-)
 delete mode 100644 app/containers/EditPassword.js

diff --git a/app/containers/App.js b/app/containers/App.js
index 1410c0b4..363e168d 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -9,7 +9,7 @@ import SettingsTabs from './SettingsTabs';
 import TeamSettings from './TeamSettings';
 import EditTeamSettings from './EditTeamSettings';
 import EditUserSettings from './EditUserSettings';
-import EditPassword from './EditPassword';
+import Footer from './Footer';
 import { configureStore } from '../redux/utils/store';
 
 import { NativeRouter, Route, Link } from 'react-router-native';
@@ -28,7 +28,6 @@ export default class App extends Component<Props> {
           <Route exact path={'/shifts'} component={UpcomingShifts} />
           <Route exact path={'/editteamsettings'} component={EditTeamSettings} />
           <Route exact path={'/editusersettings'} component={EditUserSettings} />
-          <Route exact path={'/editpassword'} component={EditPassword} />
         </NativeRouter>
       </Provider>
     );
diff --git a/app/containers/EditPassword.js b/app/containers/EditPassword.js
deleted file mode 100644
index cf31f7eb..00000000
--- a/app/containers/EditPassword.js
+++ /dev/null
@@ -1,82 +0,0 @@
-// @flow
-
-import React, { Component } from 'react';
-import { Agenda } from 'react-native-calendars';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import moment from 'moment';
-
-import { getAllShifts } from '../redux/actions/shifts';
-import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
-import Footer from './Footer';
-
-import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
-
-import { Link } from 'react-router-native';
-
-type Props = {
-  getAllShifts: () => void,
-};
-
-class EditTeamSettings extends Component<Props> {
-  componentWillMount() {
-    this.props.getAllShifts();
-  }
-
-  render() {
-
-    return (
-          <Container>
-          <Header>
-          <Button iconleft primary>
-          <Link to={'/'}>
-          <Icon name='arrow-back' />
-          </Link>
-          </Button>
-          <Left />
-          <Button iconLeft primary>
-          <Title>Edit Password</Title>
-          <Icon name='cog' />
-          </Button>
-          <Right />
-          </Header>
-            <Content>
-              <Form>
-                <Item floatingLabel>
-                  <Label>Current Password</Label>
-                  <Input />
-                </Item>
-                <Item floatingLabel last>
-                  <Label>New Password</Label>
-                  <Input />
-                </Item>
-                <Item floatingLabel last>
-                  <Label>Password Confirmation</Label>
-                  <Input />
-                </Item>
-              </Form>
-              <Button primary block style= {{marginTop: 40}}>
-              <Text> Save </Text>
-              </Button>
-            </Content>
-          </Container>
-    );
-  }
-}
-
-const mapStateToProps = state => ({
-  shifts: state.shifts,
-});
-
-const mapDispatchToProps = dispatch =>
-  bindActionCreators(
-    {
-      getAllShifts,
-    },
-    dispatch,
-  );
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps,
-)(EditTeamSettings);
diff --git a/app/containers/EditUserSettings.js b/app/containers/EditUserSettings.js
index a9653fca..49673830 100644
--- a/app/containers/EditUserSettings.js
+++ b/app/containers/EditUserSettings.js
@@ -2,6 +2,7 @@
 
 import React, { Component } from 'react';
 import { Agenda } from 'react-native-calendars';
+import { StyleSheet, View } from 'react-native';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import moment from 'moment';
@@ -18,6 +19,19 @@ type Props = {
   getAllShifts: () => void,
 };
 
+const styles = StyleSheet.create({
+  container: {},
+    content: {
+      alignItems: 'center',
+      flex: 1,
+      justifyContent: 'center'
+      },
+      form: {
+        width: '100%'
+        },
+        item: {}
+});
+
 class EditUserSettings extends Component<Props> {
   componentWillMount() {
     this.props.getAllShifts();
@@ -51,9 +65,11 @@ class EditUserSettings extends Component<Props> {
                   <Input />
                 </Item>
               </Form>
-              <Button primary block style= {{marginTop: 40}}>
+              <View style={styles.content}>
+              <Button primary block style= {{marginTop: 40, width: '80%',}}>
               <Text> Change User Settings </Text>
               </Button>
+              </View>
             </Content>
           </Container>
     );
diff --git a/app/containers/SettingsTabs.js b/app/containers/SettingsTabs.js
index a066a9cb..c1370a7b 100644
--- a/app/containers/SettingsTabs.js
+++ b/app/containers/SettingsTabs.js
@@ -3,6 +3,7 @@ import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs
 import TeamSettings from './TeamSettings';
 import UserSettings from './UserSettings';
 import EditUserSettings from './EditUserSettings';
+import Footer from './Footer';
 
 import { Link } from 'react-router-native';
 
@@ -23,6 +24,7 @@ export default class SettingsTabs extends Component {
       </Button>
       <Right />
       </Header>
+      <Content>
         <Tabs>
           <Tab heading="User">
             <UserSettings />
@@ -31,6 +33,8 @@ export default class SettingsTabs extends Component {
             <TeamSettings />
           </Tab>
         </Tabs>
+        </Content>
+        <Footer />
       </Container>
     );
   }
diff --git a/app/containers/UserSettings.js b/app/containers/UserSettings.js
index 4c451fb0..05ed574c 100644
--- a/app/containers/UserSettings.js
+++ b/app/containers/UserSettings.js
@@ -51,17 +51,6 @@ class UserSettings extends Component<Props> {
         <Text> Edit User Information </Text>
         </Link>
         </Button>
-        <Button block style= {{marginTop: 40}}>
-        <Link to={'/editpassword'}>
-        <Text> Edit Password </Text>
-        </Link>
-        </Button>
-        <Button block style= {{marginTop: 40}}>
-        <Text> Edit Avatar </Text>
-        </Button>
-        <Button block style= {{marginTop: 40}}>
-        <Text> Edit Availability </Text>
-        </Button>
         </Content>
         </Container>
     );

From 64ee4a37a41ab4c586c39c75cfeaf73b4088ce8b Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Wed, 20 Nov 2019 21:25:11 -0500
Subject: [PATCH 4/6] settings style changes

---
 app/containers/App.js              |   4 +-
 app/containers/Dashboard.js        |  42 ++++++
 app/containers/EditUserSettings.js |  15 +-
 app/containers/Footer.js           |  17 ++-
 app/containers/SettingsTabs.js     |  26 ++--
 app/containers/TeamSettings.js     |   9 +-
 app/containers/UserSettings.js     |   6 +-
 package.json                       |   1 +
 yarn.lock                          | 234 ++++++++++++++++++++++++++++-
 9 files changed, 307 insertions(+), 47 deletions(-)
 create mode 100644 app/containers/Dashboard.js

diff --git a/app/containers/App.js b/app/containers/App.js
index 363e168d..8e92bcac 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -10,6 +10,7 @@ import TeamSettings from './TeamSettings';
 import EditTeamSettings from './EditTeamSettings';
 import EditUserSettings from './EditUserSettings';
 import Footer from './Footer';
+import Dashboard from './Dashboard';
 import { configureStore } from '../redux/utils/store';
 
 import { NativeRouter, Route, Link } from 'react-router-native';
@@ -24,7 +25,8 @@ export default class App extends Component<Props> {
     return (
       <Provider store={store}>
         <NativeRouter>
-          <Route exact path="/" component={SettingsTabs} />
+          <Route exact path="/" component={Dashboard} />
+          <Route exact path={'/settings'} component={SettingsTabs} />
           <Route exact path={'/shifts'} component={UpcomingShifts} />
           <Route exact path={'/editteamsettings'} component={EditTeamSettings} />
           <Route exact path={'/editusersettings'} component={EditUserSettings} />
diff --git a/app/containers/Dashboard.js b/app/containers/Dashboard.js
new file mode 100644
index 00000000..79a0d3aa
--- /dev/null
+++ b/app/containers/Dashboard.js
@@ -0,0 +1,42 @@
+import React, { Component } from 'react';
+import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs, Body } from 'native-base';
+import TeamSettings from './TeamSettings';
+import UserSettings from './UserSettings';
+import EditUserSettings from './EditUserSettings';
+import Footer from './Footer';
+
+import { View, Dimensions, Text } from 'react-native';
+
+import { Link } from 'react-router-native';
+
+export default class Dashboard extends Component {
+  render() {
+    return (
+      <Container>
+      <Header>
+        <Button iconleft primary>
+          <Link to={'/shifts'}>
+            <Icon name='arrow-back' />
+          </Link>
+        </Button>
+        <Left />
+        <Body style={{flexDirection: 'row'}}>
+        <Icon name='cog' style={{color: 'white', padding: 10}} />
+        <Title>Settings</Title>
+        </Body>
+      </Header>
+      <Content>
+        <Tabs>
+          <Tab heading="User">
+            <UserSettings />
+          </Tab>
+          <Tab heading="Team">
+            <TeamSettings />
+          </Tab>
+        </Tabs>
+        </Content>
+        <Footer />
+      </Container>
+    );
+  }
+}
diff --git a/app/containers/EditUserSettings.js b/app/containers/EditUserSettings.js
index 49673830..bc088621 100644
--- a/app/containers/EditUserSettings.js
+++ b/app/containers/EditUserSettings.js
@@ -20,16 +20,7 @@ type Props = {
 };
 
 const styles = StyleSheet.create({
-  container: {},
-    content: {
-      alignItems: 'center',
-      flex: 1,
-      justifyContent: 'center'
-      },
-      form: {
-        width: '100%'
-        },
-        item: {}
+
 });
 
 class EditUserSettings extends Component<Props> {
@@ -55,7 +46,7 @@ class EditUserSettings extends Component<Props> {
           <Right />
           </Header>
             <Content>
-              <Form>
+              <Form style={{margin: 25}}>
                 <Item floatingLabel>
                   <Label>Name</Label>
                   <Input />
@@ -66,7 +57,7 @@ class EditUserSettings extends Component<Props> {
                 </Item>
               </Form>
               <View style={styles.content}>
-              <Button primary block style= {{marginTop: 40, width: '80%',}}>
+              <Button primary block style= {{marginTop: 40, margin: 75}}>
               <Text> Change User Settings </Text>
               </Button>
               </View>
diff --git a/app/containers/Footer.js b/app/containers/Footer.js
index 9e0f235e..a879a69c 100644
--- a/app/containers/Footer.js
+++ b/app/containers/Footer.js
@@ -3,25 +3,26 @@ import { Container, Header, Content, Footer, FooterTab, Button, Icon, Text } fro
 export default class FooterTabsIconTextExample extends Component {
   render() {
     return (
-      <Container>
-        <Content />
         <Footer>
           <FooterTab>
-            <Button vertical>
+            <Button vertical active>
               <Icon name="apps" />
-              <Text>Dashboard</Text>
+              <Text uppercase={false}>Dashboard</Text>
             </Button>
-            <Button vertical active>
+            <Button vertical>
               <Icon active name="chatboxes" />
-              <Text>Announcements</Text>
+              <Text uppercase={false}>Notifications</Text>
             </Button>
             <Button vertical>
               <Icon name="calendar" />
-              <Text>Calendar</Text>
+              <Text uppercase={false}>Calendar</Text>
+            </Button>
+            <Button vertical>
+              <Icon name="cog" />
+              <Text uppercase={false}>Settings</Text>
             </Button>
           </FooterTab>
         </Footer>
-      </Container>
     );
   }
 }
diff --git a/app/containers/SettingsTabs.js b/app/containers/SettingsTabs.js
index c1370a7b..d6cfb1ef 100644
--- a/app/containers/SettingsTabs.js
+++ b/app/containers/SettingsTabs.js
@@ -1,10 +1,12 @@
 import React, { Component } from 'react';
-import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs } from 'native-base';
+import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs, Body } from 'native-base';
 import TeamSettings from './TeamSettings';
 import UserSettings from './UserSettings';
 import EditUserSettings from './EditUserSettings';
 import Footer from './Footer';
 
+import { View, Dimensions, Text } from 'react-native';
+
 import { Link } from 'react-router-native';
 
 export default class SettingsTabs extends Component {
@@ -12,17 +14,16 @@ export default class SettingsTabs extends Component {
     return (
       <Container>
       <Header>
-      <Button iconleft primary>
-      <Link to={'/shifts'}>
-      <Icon name='arrow-back' />
-      </Link>
-      </Button>
-      <Left />
-      <Button iconLeft primary>
-      <Title>Settings</Title>
-      <Icon name='cog' />
-      </Button>
-      <Right />
+        <Button iconleft primary>
+          <Link to={'/shifts'}>
+            <Icon name='arrow-back' />
+          </Link>
+        </Button>
+        <Left />
+        <Body style={{flexDirection: 'row'}}>
+        <Icon name='cog' style={{color: 'white', padding: 10}} />
+        <Title>Settings</Title>
+        </Body>
       </Header>
       <Content>
         <Tabs>
@@ -34,7 +35,6 @@ export default class SettingsTabs extends Component {
           </Tab>
         </Tabs>
         </Content>
-        <Footer />
       </Container>
     );
   }
diff --git a/app/containers/TeamSettings.js b/app/containers/TeamSettings.js
index bfc08446..64271ab2 100644
--- a/app/containers/TeamSettings.js
+++ b/app/containers/TeamSettings.js
@@ -42,10 +42,7 @@ class TeamSettings extends Component<Props> {
       <Container>
         <Content
           contentContainerStyle={{
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingTop: 10,
-            paddingHorizontal: 5,
+            margin: 25
           }}
         >
           <Card>
@@ -59,12 +56,12 @@ class TeamSettings extends Component<Props> {
               <Text>Passcode: ADC9L</Text>
             </CardItem>
           </Card>
-          <Button block style={{ marginTop: 40 }}>
+          <Button block style={{ marginTop: 40, margin: 50 }}>
             <Link to={'/editteamsettings'}>
               <Text> Edit Team Settings </Text>
             </Link>
           </Button>
-          <Button block style={{ marginTop: 40 }}>
+          <Button block style={{ marginTop: 40, margin: 50 }}>
             <Text> Team Table </Text>
           </Button>
         </Content>
diff --git a/app/containers/UserSettings.js b/app/containers/UserSettings.js
index 05ed574c..3197e2e1 100644
--- a/app/containers/UserSettings.js
+++ b/app/containers/UserSettings.js
@@ -26,9 +26,7 @@ class UserSettings extends Component<Props> {
 
     return (
       <Container>
-      <Content contentContainerStyle ={{
-        justifyContent: 'center', alignItems: 'center',
-        paddingTop: 40, paddingHorizontal: 5}}>
+      <Content contentContainerStyle ={{margin: 25}}>
         <Card>
         <CardItem>
         <Text>
@@ -46,7 +44,7 @@ class UserSettings extends Component<Props> {
         </Text>
         </CardItem>
         </Card>
-        <Button block style= {{marginTop: 40}}>
+        <Button block style= {{marginTop: 40, margin: 50}}>
         <Link to={'/editusersettings'}>
         <Text> Edit User Information </Text>
         </Link>
diff --git a/package.json b/package.json
index 6901ce4f..e9bb49e8 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "react": "16.5.0",
     "react-native": "0.57.0",
     "react-native-calendars": "^1.20.0",
+    "react-native-settings-page": "^2.0.6",
     "react-navigation": "^2.14.2",
     "react-redux": "^6.0.1",
     "react-router-native": "^5.1.2",
diff --git a/yarn.lock b/yarn.lock
index 7f321be5..3bc7c7dd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -781,6 +781,35 @@
   version "10.9.4"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-10.9.4.tgz#0f4cb2dc7c1de6096055357f70179043c33e9897"
 
+"@types/prop-types@*":
+  version "15.7.3"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
+  integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
+
+"@types/react-native-vector-icons@^6.4.4":
+  version "6.4.4"
+  resolved "https://registry.yarnpkg.com/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.4.tgz#f81dcc371b74a9c408ce12f95b8f494d7543146b"
+  integrity sha512-G1Iry/8i23IPjZzNjydMt/WcjV+T1Xu3cTXDwSsP9lpKu0bA0j+c7AACJ1aIka8HVnWXS41NoZnKkHImO0SMkw==
+  dependencies:
+    "@types/react" "*"
+    "@types/react-native" "*"
+
+"@types/react-native@*":
+  version "0.60.22"
+  resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.60.22.tgz#ba199a441cb0612514244ffb1d0fe6f04c878575"
+  integrity sha512-LTXMKEyGA+x4kadmjujX6yAgpcaZutJ01lC7zLJWCULaZg7Qw5/3iOQpwIJRUcOc+a8A2RR7rSxplehVf9IuhA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/react" "*"
+
+"@types/react@*":
+  version "16.9.11"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.11.tgz#70e0b7ad79058a7842f25ccf2999807076ada120"
+  integrity sha512-UBT4GZ3PokTXSWmdgC/GeCGEJXE5ofWyibCcecRLUVN2ZBpXQGVgQGtG2foS7CrTKFKlQVVswLvf7Js6XA/CVQ==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^2.2.0"
+
 abab@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.0.tgz#aba0ab4c5eee2d4c79d3487d85450fb2376ebb0f"
@@ -884,6 +913,11 @@ ansi-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
 
+ansi-regex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
+  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
+
 ansi-styles@^2.1.0, ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -1818,6 +1852,11 @@ camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
 
+camelcase@^5.0.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
 caniuse-lite@^1.0.30000884:
   version "1.0.30000885"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000885.tgz#e889e9f8e7e50e769f2a49634c932b8aee622984"
@@ -1948,6 +1987,15 @@ cliui@^4.0.0:
     strip-ansi "^4.0.0"
     wrap-ansi "^2.0.0"
 
+cliui@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
+  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
+  dependencies:
+    string-width "^3.1.0"
+    strip-ansi "^5.2.0"
+    wrap-ansi "^5.1.0"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -1963,7 +2011,7 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
-color-convert@^1.8.2, color-convert@^1.9.0:
+color-convert@^1.8.2, color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -1979,7 +2027,7 @@ color-name@^1.0.0:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.4.0:
+color-string@^1.4.0, color-string@^1.5.2:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
   integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
@@ -1991,6 +2039,14 @@ color-support@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
 
+color@^3.1.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+  integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
+  dependencies:
+    color-convert "^1.9.1"
+    color-string "^1.5.2"
+
 color@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/color/-/color-1.0.3.tgz#e48e832d85f14ef694fb468811c2d5cfe729b55d"
@@ -2196,6 +2252,11 @@ cssstyle@^1.0.0:
   dependencies:
     cssom "0.3.x"
 
+csstype@^2.2.0:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.7.tgz#20b0024c20b6718f4eda3853a1f5a1cce7f5e4a5"
+  integrity sha512-9Mcn9sFbGBAdmimWb2gLVDtFJzeKtDGIr76TUqmjZrw9LFXBMSU70lcs+C0/7fyCd6iBDqmksUcCOUIkisPHsQ==
+
 csstype@^2.5.2:
   version "2.5.7"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.5.7.tgz#bf9235d5872141eccfb2d16d82993c6b149179ff"
@@ -2380,7 +2441,7 @@ debug@^3.2.6:
   dependencies:
     ms "^2.1.1"
 
-decamelize@^1.1.1:
+decamelize@^1.1.1, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 
@@ -2404,6 +2465,11 @@ deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
 
+deepmerge@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.3.0.tgz#d3c47fd6f3a93d517b14426b0628a17b0125f5f7"
+  integrity sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==
+
 default-require-extensions@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
@@ -2589,6 +2655,11 @@ emoji-regex@^6.5.1:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.5.1.tgz#9baea929b155565c11ea41c6626eaa65cef992c2"
 
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+
 emotion@^9.2.6:
   version "9.2.8"
   resolved "https://registry.yarnpkg.com/emotion/-/emotion-9.2.8.tgz#b89e754be1a109f4e47ff0031928f94e40d7984a"
@@ -3199,6 +3270,13 @@ find-up@^2.0.0, find-up@^2.1.0:
   dependencies:
     locate-path "^2.0.0"
 
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
 flat-cache@^1.2.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.3.0.tgz#d3030b32b38154f4e3b7e9c709f490f7ef97c481"
@@ -3342,6 +3420,11 @@ get-caller-file@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
 
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
 get-own-enumerable-property-symbols@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-2.0.1.tgz#5c4ad87f2834c4b9b4e84549dc1e0650fb38c24b"
@@ -4664,6 +4747,14 @@ locate-path@^2.0.0:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
 
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
 lodash._getnative@^3.0.0:
   version "3.9.1"
   resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
@@ -5564,6 +5655,11 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+opencollective-postinstall@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz#5657f1bede69b6e33a45939b061eb53d3c6c3a89"
+  integrity sha512-pVOEP16TrAO2/fjej1IdOyupJY8KDUM1CvsaScRbw6oddvpQoOfGk4ywha0HKKVAD6RkW4x6Q+tNBwhf3Bgpuw==
+
 opn@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/opn/-/opn-3.0.3.tgz#b6d99e7399f78d65c3baaffef1fb288e9b85243a"
@@ -5625,12 +5721,26 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
+p-limit@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
+  integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
   dependencies:
     p-limit "^1.1.0"
 
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
 p-map@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-1.2.0.tgz#e4e94f311eabbc8633a1e79908165fca26241b6b"
@@ -5639,6 +5749,11 @@ p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
 
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
 parse-glob@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
@@ -6433,6 +6548,20 @@ react-native-easy-grid@0.2.0:
   dependencies:
     lodash "^4.11.1"
 
+react-native-elements@^1.0.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/react-native-elements/-/react-native-elements-1.2.7.tgz#1eca2db715c41722aeb67aea62bd2a4621adb134"
+  integrity sha512-0S+0R1cbItl15i64qrkWnyMztwpw60d0SUsZGVDKRAMf0Jvq9Clgyh/MzxJx2sr42mbedQP1sg5Et4fZM7Fp1w==
+  dependencies:
+    "@types/react-native-vector-icons" "^6.4.4"
+    color "^3.1.0"
+    deepmerge "^3.1.0"
+    hoist-non-react-statics "^3.1.0"
+    opencollective-postinstall "^2.0.0"
+    prop-types "^15.7.2"
+    react-native-ratings "^6.3.0"
+    react-native-status-bar-height "^2.2.0"
+
 react-native-iphone-x-helper@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.2.0.tgz#9f8a376eb00bc712115abff4420318a0063fa796"
@@ -6446,6 +6575,14 @@ react-native-keyboard-aware-scroll-view@0.8.0:
     prop-types "^15.6.2"
     react-native-iphone-x-helper "^1.0.3"
 
+react-native-ratings@^6.3.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/react-native-ratings/-/react-native-ratings-6.5.0.tgz#a1606ccba3c5b54eec8e6cfa4765a45cf0e4ab8d"
+  integrity sha512-YMcfQ7UQCmXGEc/WPlukHSHs5yvckTwjq5fTRk1FG8gaO7fZCNygEUGPuw4Dbvvp3IlsCUn0bOQd63RYsb7NDQ==
+  dependencies:
+    lodash "^4.17.4"
+    prop-types "^15.5.10"
+
 react-native-safe-area-view@^0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.10.0.tgz#e8e9228d22698c0f82ad1202d24a4e4977260489"
@@ -6456,6 +6593,20 @@ react-native-screens@^1.0.0-alpha.10:
   version "1.0.0-alpha.12"
   resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.12.tgz#5953c39c9dbfbe324610005e07d85a416081c48c"
 
+react-native-settings-page@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/react-native-settings-page/-/react-native-settings-page-2.0.6.tgz#e71e9aecac27d27ea983ae85f5c36a4afa7cfaaa"
+  integrity sha512-RSfW30idzS/5hFcVEp2T7peQVuuu97foTJp1ubj9SeQHZcbKWkIQNDeFdRnFZUlGlCi6GbInpAXtckNfXeGCBw==
+  dependencies:
+    react "^16.7.0"
+    react-native-elements "^1.0.0"
+    react-native-vector-icons "^6.2.0"
+
+react-native-status-bar-height@^2.2.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/react-native-status-bar-height/-/react-native-status-bar-height-2.4.0.tgz#de8cee4bb733a196167210d2d0bc1fa10acba3e3"
+  integrity sha512-pWvZFlyIHiuxLugLioq97vXiaGSovFXEyxt76wQtbq0gxv4dGXMPqYow46UmpwOgeJpBhqL1E0EKxnfJRrFz5w==
+
 react-native-tab-view@^0.0.77:
   version "0.0.77"
   resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-0.0.77.tgz#11ceb8e7c23100d07e628dc151b57797524d00d4"
@@ -6477,6 +6628,15 @@ react-native-vector-icons@6.1.0:
     prop-types "^15.6.2"
     yargs "^8.0.2"
 
+react-native-vector-icons@^6.2.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-6.6.0.tgz#66cf004918eb05d90778d64bd42077c1800d481b"
+  integrity sha512-MImKVx8JEvVVBnaShMr7/yTX4Y062JZMupht1T+IEgbqBj4aQeQ1z2SH4VHWKNtWtppk4kz9gYyUiMWqx6tNSw==
+  dependencies:
+    lodash "^4.0.0"
+    prop-types "^15.6.2"
+    yargs "^13.2.2"
+
 react-native@0.57.0:
   version "0.57.0"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.57.0.tgz#b0d098bbd5393fc3c079f8d7c2a8bf9a10b86b9e"
@@ -6718,6 +6878,15 @@ react@16.5.0:
     prop-types "^15.6.2"
     schedule "^0.3.0"
 
+react@^16.7.0:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.12.0.tgz#0c0a9c6a142429e3614834d5a778e18aa78a0b83"
+  integrity sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
 read-pkg-up@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
@@ -6937,6 +7106,11 @@ require-main-filename@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
 
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
+  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
+
 require-uncached@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
@@ -7447,6 +7621,15 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
+string-width@^3.0.0, string-width@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
 string.prototype.trim@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.1.2.tgz#d04de2c89e137f4d7d206f086b5ed2fae6be8cea"
@@ -7481,6 +7664,13 @@ strip-ansi@^4.0.0:
   dependencies:
     ansi-regex "^3.0.0"
 
+strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
+  dependencies:
+    ansi-regex "^4.1.0"
+
 strip-bom@3.0.0, strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -7972,6 +8162,15 @@ wrap-ansi@^2.0.0:
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
 
+wrap-ansi@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
+  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
+  dependencies:
+    ansi-styles "^3.2.0"
+    string-width "^3.0.0"
+    strip-ansi "^5.0.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -8065,6 +8264,11 @@ y18n@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
 
+y18n@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
+  integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
+
 yallist@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
@@ -8073,6 +8277,14 @@ yallist@^3.0.0, yallist@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.2.tgz#8452b4bb7e83c7c188d8041c1a837c773d6d8bb9"
 
+yargs-parser@^13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
+  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
@@ -8102,6 +8314,22 @@ yargs@^11.0.0:
     y18n "^3.2.1"
     yargs-parser "^9.0.2"
 
+yargs@^13.2.2:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
+  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.1"
+
 yargs@^8.0.2:
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"

From 553f51df491536d3756cca25c8b7685253665bc9 Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Sat, 23 Nov 2019 18:51:16 -0500
Subject: [PATCH 5/6] commit Dashboard & Footer

---
 app/containers/Dashboard.js | 3 +--
 app/containers/Footer.js    | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/containers/Dashboard.js b/app/containers/Dashboard.js
index 79a0d3aa..7b165f68 100644
--- a/app/containers/Dashboard.js
+++ b/app/containers/Dashboard.js
@@ -21,8 +21,7 @@ export default class Dashboard extends Component {
         </Button>
         <Left />
         <Body style={{flexDirection: 'row'}}>
-        <Icon name='cog' style={{color: 'white', padding: 10}} />
-        <Title>Settings</Title>
+        <Title>Dashboard</Title>
         </Body>
       </Header>
       <Content>
diff --git a/app/containers/Footer.js b/app/containers/Footer.js
index a879a69c..dbdd2ee0 100644
--- a/app/containers/Footer.js
+++ b/app/containers/Footer.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { Container, Header, Content, Footer, FooterTab, Button, Icon, Text } from 'native-base';
+import { NativeRouter, Route, Link } from 'react-router-native';
 export default class FooterTabsIconTextExample extends Component {
   render() {
     return (
@@ -14,11 +15,15 @@ export default class FooterTabsIconTextExample extends Component {
               <Text uppercase={false}>Notifications</Text>
             </Button>
             <Button vertical>
+              <Link to={'/shifts'}>
               <Icon name="calendar" />
+              </Link>
               <Text uppercase={false}>Calendar</Text>
             </Button>
             <Button vertical>
+              <Link to={'/settings'}>
               <Icon name="cog" />
+              </Link>
               <Text uppercase={false}>Settings</Text>
             </Button>
           </FooterTab>

From 60cc6bec5b4bfb8b2414422aab315c3685fc6314 Mon Sep 17 00:00:00 2001
From: Rikki Kendall <yrk3@duke.edu>
Date: Wed, 27 Nov 2019 17:21:30 -0500
Subject: [PATCH 6/6] pages created, routed

---
 app/containers/App.js                         | 11 +++---
 app/containers/{Footer.js => AppFooter.js}    | 30 ++++++++++-----
 app/containers/Dashboard.js                   | 37 +++++++------------
 app/containers/Notifications.js               | 30 +++++++++++++++
 app/containers/SettingsTabs.js                | 11 +++---
 app/containers/UpcomingShifts.js              |  5 +++
 .../EditTeamSettings.js                       | 23 ++++++++----
 .../EditUserSettings.js                       | 11 +++---
 app/{containers => settings}/TeamSettings.js  | 12 +-----
 app/{containers => settings}/UserSettings.js  |  3 +-
 package.json                                  |  1 +
 yarn.lock                                     |  5 +++
 12 files changed, 109 insertions(+), 70 deletions(-)
 rename app/containers/{Footer.js => AppFooter.js} (59%)
 create mode 100644 app/containers/Notifications.js
 rename app/{containers => settings}/EditTeamSettings.js (78%)
 rename app/{containers => settings}/EditUserSettings.js (91%)
 rename app/{containers => settings}/TeamSettings.js (82%)
 rename app/{containers => settings}/UserSettings.js (90%)

diff --git a/app/containers/App.js b/app/containers/App.js
index 8e92bcac..234d274f 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -6,15 +6,13 @@ import { Provider } from 'react-redux';
 // import Login from './Login';
 import UpcomingShifts from './UpcomingShifts';
 import SettingsTabs from './SettingsTabs';
-import TeamSettings from './TeamSettings';
-import EditTeamSettings from './EditTeamSettings';
-import EditUserSettings from './EditUserSettings';
-import Footer from './Footer';
+import EditTeamSettings from '../settings/EditTeamSettings';
+import EditUserSettings from '../settings/EditUserSettings';
 import Dashboard from './Dashboard';
+import Notifications from './Notifications';
 import { configureStore } from '../redux/utils/store';
 
 import { NativeRouter, Route, Link } from 'react-router-native';
-// import Home from './UpcomingShifts';
 
 type Props = any;
 
@@ -26,8 +24,9 @@ export default class App extends Component<Props> {
       <Provider store={store}>
         <NativeRouter>
           <Route exact path="/" component={Dashboard} />
-          <Route exact path={'/settings'} component={SettingsTabs} />
+          <Route exact path={'/notify'} component={Notifications} />
           <Route exact path={'/shifts'} component={UpcomingShifts} />
+          <Route exact path={'/settings'} component={SettingsTabs} />
           <Route exact path={'/editteamsettings'} component={EditTeamSettings} />
           <Route exact path={'/editusersettings'} component={EditUserSettings} />
         </NativeRouter>
diff --git a/app/containers/Footer.js b/app/containers/AppFooter.js
similarity index 59%
rename from app/containers/Footer.js
rename to app/containers/AppFooter.js
index dbdd2ee0..c2ebb547 100644
--- a/app/containers/Footer.js
+++ b/app/containers/AppFooter.js
@@ -1,30 +1,42 @@
 import React, { Component } from 'react';
 import { Container, Header, Content, Footer, FooterTab, Button, Icon, Text } from 'native-base';
 import { NativeRouter, Route, Link } from 'react-router-native';
-export default class FooterTabsIconTextExample extends Component {
+import { View } from 'react-native';
+
+export default class AppFooter extends Component {
   render() {
     return (
         <Footer>
           <FooterTab>
-            <Button vertical active>
+            <Button>
+              <Link to={'/'}>
               <Icon name="apps" />
+              </Link>
               <Text uppercase={false}>Dashboard</Text>
             </Button>
-            <Button vertical>
+          </FooterTab>
+          <FooterTab>
+            <Button>
+              <Link to={'/notify'}>
               <Icon active name="chatboxes" />
+              </Link>
               <Text uppercase={false}>Notifications</Text>
             </Button>
-            <Button vertical>
+          </FooterTab>
+          <FooterTab>
+            <Button>
               <Link to={'/shifts'}>
               <Icon name="calendar" />
               </Link>
               <Text uppercase={false}>Calendar</Text>
             </Button>
-            <Button vertical>
-              <Link to={'/settings'}>
-              <Icon name="cog" />
-              </Link>
-              <Text uppercase={false}>Settings</Text>
+          </FooterTab>
+          <FooterTab>
+            <Button>
+            <Link to={'/settings'}>
+            <Icon name="cog" />
+            </Link>
+            <Text uppercase={false}>Settings</Text>
             </Button>
           </FooterTab>
         </Footer>
diff --git a/app/containers/Dashboard.js b/app/containers/Dashboard.js
index 7b165f68..9a9b97cf 100644
--- a/app/containers/Dashboard.js
+++ b/app/containers/Dashboard.js
@@ -1,9 +1,6 @@
 import React, { Component } from 'react';
 import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs, Body } from 'native-base';
-import TeamSettings from './TeamSettings';
-import UserSettings from './UserSettings';
-import EditUserSettings from './EditUserSettings';
-import Footer from './Footer';
+import AppFooter from './AppFooter';
 
 import { View, Dimensions, Text } from 'react-native';
 
@@ -14,27 +11,19 @@ export default class Dashboard extends Component {
     return (
       <Container>
       <Header>
-        <Button iconleft primary>
-          <Link to={'/shifts'}>
-            <Icon name='arrow-back' />
-          </Link>
-        </Button>
-        <Left />
-        <Body style={{flexDirection: 'row'}}>
-        <Title>Dashboard</Title>
-        </Body>
-      </Header>
-      <Content>
-        <Tabs>
-          <Tab heading="User">
-            <UserSettings />
-          </Tab>
-          <Tab heading="Team">
-            <TeamSettings />
-          </Tab>
-        </Tabs>
+          <Button>
+            <Link to={'/'}>
+              <Icon name='arrow-back' />
+            </Link>
+          </Button>
+          <Left />
+          <Body style={{flexDirection: 'row'}}>
+          <Title>Dashboard</Title>
+          </Body>
+        </Header>
+        <Content>
         </Content>
-        <Footer />
+        <AppFooter />
       </Container>
     );
   }
diff --git a/app/containers/Notifications.js b/app/containers/Notifications.js
new file mode 100644
index 00000000..fc658a96
--- /dev/null
+++ b/app/containers/Notifications.js
@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs, Body } from 'native-base';
+import AppFooter from './AppFooter';
+
+import { View, Dimensions, Text } from 'react-native';
+
+import { Link } from 'react-router-native';
+
+export default class Notifications extends Component {
+  render() {
+    return (
+      <Container>
+      <Header>
+          <Button>
+            <Link to={'/'}>
+              <Icon name='arrow-back' />
+            </Link>
+          </Button>
+          <Left />
+          <Body style={{flexDirection: 'row'}}>
+          <Title>Notifications</Title>
+          </Body>
+        </Header>
+        <Content>
+        </Content>
+        <AppFooter />
+      </Container>
+    );
+  }
+}
diff --git a/app/containers/SettingsTabs.js b/app/containers/SettingsTabs.js
index d6cfb1ef..68cfb733 100644
--- a/app/containers/SettingsTabs.js
+++ b/app/containers/SettingsTabs.js
@@ -1,9 +1,8 @@
 import React, { Component } from 'react';
 import { Button, Icon, Title, Right, Left, Container, Header, Content, Tab, Tabs, Body } from 'native-base';
-import TeamSettings from './TeamSettings';
-import UserSettings from './UserSettings';
-import EditUserSettings from './EditUserSettings';
-import Footer from './Footer';
+import TeamSettings from '../settings/TeamSettings';
+import UserSettings from '../settings/UserSettings';
+import AppFooter from './AppFooter';
 
 import { View, Dimensions, Text } from 'react-native';
 
@@ -15,13 +14,12 @@ export default class SettingsTabs extends Component {
       <Container>
       <Header>
         <Button iconleft primary>
-          <Link to={'/shifts'}>
+          <Link to={'/'}>
             <Icon name='arrow-back' />
           </Link>
         </Button>
         <Left />
         <Body style={{flexDirection: 'row'}}>
-        <Icon name='cog' style={{color: 'white', padding: 10}} />
         <Title>Settings</Title>
         </Body>
       </Header>
@@ -35,6 +33,7 @@ export default class SettingsTabs extends Component {
           </Tab>
         </Tabs>
         </Content>
+        <AppFooter />
       </Container>
     );
   }
diff --git a/app/containers/UpcomingShifts.js b/app/containers/UpcomingShifts.js
index c74dcb20..2e45ae02 100644
--- a/app/containers/UpcomingShifts.js
+++ b/app/containers/UpcomingShifts.js
@@ -6,9 +6,11 @@ import { Agenda } from 'react-native-calendars';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import moment from 'moment';
+import AppFooter from './AppFooter';
 
 import { getAllShifts } from '../redux/actions/shifts';
 import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
+import { Container } from 'native-base';
 
 import { Link } from 'react-router-native';
 
@@ -28,6 +30,7 @@ class UpcomingShifts extends Component<Props> {
       .format('YYYY-MM-DD');
 
     return (
+      <Container>
       <Agenda
         items={{
           '2019-11-13': [{ text: 'Anesu, Aman', time: '3 - 5PM' }],
@@ -46,6 +49,8 @@ class UpcomingShifts extends Component<Props> {
         pastScrollRange={3}
         futureScrollRange={3}
       />
+      <AppFooter />
+      </Container>
     );
   }
 }
diff --git a/app/containers/EditTeamSettings.js b/app/settings/EditTeamSettings.js
similarity index 78%
rename from app/containers/EditTeamSettings.js
rename to app/settings/EditTeamSettings.js
index 9ea2cbe5..073c46ed 100644
--- a/app/containers/EditTeamSettings.js
+++ b/app/settings/EditTeamSettings.js
@@ -3,12 +3,13 @@
 import React, { Component } from 'react';
 import { Agenda } from 'react-native-calendars';
 import { connect } from 'react-redux';
+import { StyleSheet, View } from 'react-native';
 import { bindActionCreators } from 'redux';
 import moment from 'moment';
 
 import { getAllShifts } from '../redux/actions/shifts';
 import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
-import Footer from './Footer';
+import AppFooter from '../containers/AppFooter';
 
 import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
 
@@ -18,6 +19,11 @@ type Props = {
   getAllShifts: () => void,
 };
 
+const styles = StyleSheet.create({
+
+});
+
+
 class EditTeamSettings extends Component<Props> {
   componentWillMount() {
     this.props.getAllShifts();
@@ -29,19 +35,17 @@ class EditTeamSettings extends Component<Props> {
           <Container>
           <Header>
           <Button iconleft primary>
-          <Link to={'/'}>
+          <Link to={'/settings'}>
           <Icon name='arrow-back' />
           </Link>
           </Button>
           <Left />
-          <Button iconLeft primary>
+          <Body style={{flexDirection: 'row'}}>
           <Title>Team Settings</Title>
-          <Icon name='cog' />
-          </Button>
-          <Right />
+          </Body>
           </Header>
             <Content>
-              <Form>
+              <Form style={{margin: 25}}>
                 <Item floatingLabel>
                   <Label>Team Name</Label>
                   <Input />
@@ -51,10 +55,13 @@ class EditTeamSettings extends Component<Props> {
                   <Input />
                 </Item>
               </Form>
-              <Button primary block style= {{marginTop: 40}}>
+              <View style={styles.content}>
+              <Button primary block style= {{marginTop: 40, margin: 75}}>
               <Text> Change Team Settings </Text>
               </Button>
+              </View>
             </Content>
+            <AppFooter />
           </Container>
     );
   }
diff --git a/app/containers/EditUserSettings.js b/app/settings/EditUserSettings.js
similarity index 91%
rename from app/containers/EditUserSettings.js
rename to app/settings/EditUserSettings.js
index bc088621..f27b1007 100644
--- a/app/containers/EditUserSettings.js
+++ b/app/settings/EditUserSettings.js
@@ -9,7 +9,7 @@ import moment from 'moment';
 
 import { getAllShifts } from '../redux/actions/shifts';
 import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
-import Footer from './Footer';
+import AppFooter from '../containers/AppFooter';
 
 import { Toast, Button, Icon, Body, Left, Right, Title, Text, Container, Header, Content, Form, Item, Input, Label } from 'native-base';
 
@@ -34,16 +34,14 @@ class EditUserSettings extends Component<Props> {
           <Container>
           <Header>
           <Button iconleft primary>
-          <Link to={'/'}>
+          <Link to={'/settings'}>
           <Icon name='arrow-back' />
           </Link>
           </Button>
           <Left />
-          <Button iconLeft primary>
+          <Body style={{flexDirection: 'row'}}>
           <Title>User Settings</Title>
-          <Icon name='cog' />
-          </Button>
-          <Right />
+          </Body>
           </Header>
             <Content>
               <Form style={{margin: 25}}>
@@ -62,6 +60,7 @@ class EditUserSettings extends Component<Props> {
               </Button>
               </View>
             </Content>
+            <AppFooter />
           </Container>
     );
   }
diff --git a/app/containers/TeamSettings.js b/app/settings/TeamSettings.js
similarity index 82%
rename from app/containers/TeamSettings.js
rename to app/settings/TeamSettings.js
index 64271ab2..16175c85 100644
--- a/app/containers/TeamSettings.js
+++ b/app/settings/TeamSettings.js
@@ -6,7 +6,6 @@ import { Agenda } from 'react-native-calendars';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import moment from 'moment';
-import UpcomingShifts from './UpcomingShifts';
 
 import { getAllShifts } from '../redux/actions/shifts';
 import { renderItem, renderEmptyDate, rowHasChanged } from '../components/AgendaItems';
@@ -40,11 +39,7 @@ class TeamSettings extends Component<Props> {
   render() {
     return (
       <Container>
-        <Content
-          contentContainerStyle={{
-            margin: 25
-          }}
-        >
+        <Content contentContainerStyle={{  margin: 25 }}>
           <Card>
             <CardItem>
               <Text>Team Name: Team GTHC</Text>
@@ -56,14 +51,11 @@ class TeamSettings extends Component<Props> {
               <Text>Passcode: ADC9L</Text>
             </CardItem>
           </Card>
-          <Button block style={{ marginTop: 40, margin: 50 }}>
+          <Button block style= {{marginTop: 40, margin: 50}}>
             <Link to={'/editteamsettings'}>
               <Text> Edit Team Settings </Text>
             </Link>
           </Button>
-          <Button block style={{ marginTop: 40, margin: 50 }}>
-            <Text> Team Table </Text>
-          </Button>
         </Content>
       </Container>
     );
diff --git a/app/containers/UserSettings.js b/app/settings/UserSettings.js
similarity index 90%
rename from app/containers/UserSettings.js
rename to app/settings/UserSettings.js
index 3197e2e1..257d22c8 100644
--- a/app/containers/UserSettings.js
+++ b/app/settings/UserSettings.js
@@ -12,6 +12,7 @@ import { renderItem, renderEmptyDate, rowHasChanged } from '../components/Agenda
 import { Container, Content, Header, Left, Right, Body, Title, Text, Button, Card, CardItem } from 'native-base';
 
 import { Link } from 'react-router-native';
+import { View, Alert } from 'react-native';
 
 type Props = {
   getAllShifts: () => void,
@@ -44,7 +45,7 @@ class UserSettings extends Component<Props> {
         </Text>
         </CardItem>
         </Card>
-        <Button block style= {{marginTop: 40, margin: 50}}>
+        <Button block style= {{marginTop: 40, margin: 50}} onPress={() => Alert.alert('Simple Button pressed')}>
         <Link to={'/editusersettings'}>
         <Text> Edit User Information </Text>
         </Link>
diff --git a/package.json b/package.json
index e9bb49e8..36a6e821 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "react-navigation": "^2.14.2",
     "react-redux": "^6.0.1",
     "react-router-native": "^5.1.2",
+    "react-router-native-button": "^1.2.0",
     "react-router-redux": "^4.0.8",
     "redux": "^4.0.4",
     "redux-devtools": "^3.5.0",
diff --git a/yarn.lock b/yarn.lock
index 3bc7c7dd..250d7bbc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6766,6 +6766,11 @@ react-router-dom@^4.2.2:
     react-router "^4.3.1"
     warning "^4.0.1"
 
+react-router-native-button@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/react-router-native-button/-/react-router-native-button-1.2.0.tgz#2ecfaa08ad8d320a19df168c573f741facfc3338"
+  integrity sha512-4DydVu57e+u9VMnMSiMpKrgFGulknUDJRuUEBQ3JzFjq7VpaXho3KC4tBE9/e+v/SjiE3NFim3v/5iq4ElqUiw==
+
 react-router-native@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/react-router-native/-/react-router-native-5.1.2.tgz#1ef02785cb396f2b4234b85ab32e551c191ff41b"