From 9623c7dbf4bea4cf9db311bff094271098338b51 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Wed, 19 Apr 2017 12:24:44 -0700
Subject: [PATCH 01/11] working on displaying non-members

---
 app/GroupMap.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/app/GroupMap.js b/app/GroupMap.js
index 6a35dc2..e9b8656 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -39,6 +39,10 @@ export default class GroupMap extends Component {
     const params = this.props.navigation.state.params;
     return (
       <View>
+        <Button
+          onPress={() => console.log('add friend')}
+          title='Add/Delete Friends'
+        />
         <ListView
           dataSource={this.state.members}
           renderRow={(rowData) => this.renderMembers(rowData) }
@@ -47,6 +51,20 @@ export default class GroupMap extends Component {
     );
   }
 
+  renderChangeMembers(memberData) {
+    return (
+      <View>
+        <Button
+          onPress={() => console.log('Add/Delete')}
+          title='Add/Delte'
+        />
+        <View>
+          <Text>{memberData.first}</Text>
+        </View>
+      </View>
+    )
+  }
+
   renderMembers(memberData) {
     const { navigate } = this.props.navigation;
     return (

From a77eff3a4d33155b50627521bea38389aa7d67cd Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Wed, 19 Apr 2017 19:41:05 -0700
Subject: [PATCH 02/11] working on add/delete in groups

---
 app/GroupMap.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/GroupMap.js b/app/GroupMap.js
index e9b8656..65b8205 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -9,7 +9,8 @@ export default class GroupMap extends Component {
     this.state =  {
       members: new ListView.DataSource({
         rowHasChanged: (row1, row2) => row1 !== row2
-      })
+      }),
+      addAndDelete: false
     };
   }
 
@@ -40,7 +41,7 @@ export default class GroupMap extends Component {
     return (
       <View>
         <Button
-          onPress={() => console.log('add friend')}
+          onPress={() => this.setState({addAndDelete: !this.state.addAndDelete}) }
           title='Add/Delete Friends'
         />
         <ListView
@@ -59,7 +60,7 @@ export default class GroupMap extends Component {
           title='Add/Delte'
         />
         <View>
-          <Text>{memberData.first}</Text>
+          <Text>testsat</Text>
         </View>
       </View>
     )

From 245218d017dcf8c5318ba3e063160855821e2c16 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Thu, 20 Apr 2017 00:02:11 -0700
Subject: [PATCH 03/11] Edit group map to dynamically change to add/delte
 friends

---
 app/AllFriendsList.js |  16 ++---
 app/GroupMap.js       | 150 ++++++++++++++++++++++++++++++++++--------
 app/GroupsList.js     |   5 +-
 3 files changed, 131 insertions(+), 40 deletions(-)

diff --git a/app/AllFriendsList.js b/app/AllFriendsList.js
index 69795c7..d4a5037 100644
--- a/app/AllFriendsList.js
+++ b/app/AllFriendsList.js
@@ -64,22 +64,18 @@ export default class AllFriendsList extends Component {
 
   renderContacts(friend) {
     const { navigate } = this.props.navigation;
-    // let title = '';
-    // if(friend.showSetting === 'pending') { title = 'Pending'; };
-    // if(friend.showSetting === 'label') { title = 'Home'; }
-    // if(friend.showSetting === 'GPS') { title = 'Office'}
     return (
       <View style={styles.container}>
         <Button
-          style={styles.thumbnail}
+          style={styles.button}
           onPress={() => navigate('FriendMap', {
             data: friend
             })
           }
           title={friend.currentLabel ? friend.currentLabel : 'Pending'}
         />
-        <View style={styles.rightContainer}>
-          <Text style={styles.title}>{`${friend.first} ${friend.last}`}</Text>
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{`${friend.first} ${friend.last}`}</Text>
         </View>
       </View>
     )
@@ -94,11 +90,11 @@ let styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: '#F5FCFF',
   },
-  rightContainer: {
+  nameContainer: {
     // justifyContent: 'right',
     flex: 1,
   },
-  title: {
+  name: {
     fontSize: 20,
     marginBottom: 8,
     textAlign: 'center',
@@ -106,7 +102,7 @@ let styles = StyleSheet.create({
   year: {
     textAlign: 'right',
   },
-  thumbnail: {
+  button: {
     width: 53,
     height: 81,
   },
diff --git a/app/GroupMap.js b/app/GroupMap.js
index 65b8205..db9c4cd 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { endpoint } from './endpoint.js';
-import { ListView, View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { ListView, View, Text, StyleSheet, TouchableOpacity, Button } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
 export default class GroupMap extends Component {
@@ -10,21 +10,23 @@ export default class GroupMap extends Component {
       members: new ListView.DataSource({
         rowHasChanged: (row1, row2) => row1 !== row2
       }),
+      nonMembers: new ListView.DataSource({
+        rowHasChanged: (row1, row2) => row1 !== row2
+      }),
       addAndDelete: false
     };
+    this.fetchNonGroupMembers = this.fetchNonGroupMembers.bind(this);
   }
 
   componentWillMount() {
     console.log('GROUPMAP',this.props.navigation.state.params)
     let {name} = this.props.navigation.state.params.data;
-    fetch(`${endpoint}/api/groupUsers?name=${name}`)
-    .then(response => {
-      return response.json();
+    AuthAxios({
+      url: `/api/groupUsers?name=${name}`
     })
-    .then(members => {
-      console.log(members);
+    .then(({data}) => {
       this.setState({
-        members: this.state.members.cloneWithRows(members)
+        members: this.state.members.cloneWithRows(data)
       });
     })
     .catch(err => {
@@ -32,6 +34,22 @@ export default class GroupMap extends Component {
     });
   };
 
+  fetchNonGroupMembers() {
+    let {name} = this.props.navigation.state.params.data; 
+    AuthAxios({
+      url: `api/nonGroupUsers?name=${name}`,
+    })
+    .then(({data}) => {
+      this.setState({
+        nonMembers: this.state.nonMembers.cloneWithRows(data),
+        addAndDelete: !this.state.addAndDelete
+      })
+    })
+    .catch(err => {
+      console.log('there was an error in fetching non members', err);
+    });
+  }
+
   static navigationOptions = ({navigation}) => ({
     title: navigation.state.params.data.name
   });
@@ -41,28 +59,22 @@ export default class GroupMap extends Component {
     return (
       <View>
         <Button
-          onPress={() => this.setState({addAndDelete: !this.state.addAndDelete}) }
-          title='Add/Delete Friends'
-        />
-        <ListView
-          dataSource={this.state.members}
-          renderRow={(rowData) => this.renderMembers(rowData) }
+          onPress={() => !this.state.addAndDelete ? this.fetchNonGroupMembers() : console.log('confirm') }
+          title={ !this.state.addAndDelete ? 'Add/Delete Friends' : 'Confirm'}
         />
+        {this.state.addAndDelete ? this.renderAddAndDeleteList() : this.renderNoChangeList()}
       </View>
     );
   }
 
-  renderChangeMembers(memberData) {
+/******* Render view for when user IS NOT editing group ****************/
+  renderNoChangeList() {
     return (
-      <View>
-        <Button
-          onPress={() => console.log('Add/Delete')}
-          title='Add/Delte'
-        />
-        <View>
-          <Text>testsat</Text>
-        </View>
-      </View>
+      <ListView
+        dataSource={this.state.members}
+        renderRow={(rowData) => this.renderMembers(rowData) }
+        style={styles.listView}
+      />
     )
   }
 
@@ -72,11 +84,97 @@ export default class GroupMap extends Component {
       <TouchableOpacity
         onPress={() => navigate('FriendMap', {data: memberData}) }
       >
-        <View>
+        <View style={styles.nameContainer}>
           <Text style={{textAlign: 'left', fontSize: 23}}>{memberData.first}</Text>
-          <Text style={{textAlign: 'right', fontSize: 23}}>{memberData.currentLabel ? memberData.currentLabel : 'Pending'}</Text>
+          <Text style={{textAlign: 'left', fontSize: 18}}>{memberData.currentLabel ? memberData.currentLabel : 'Pending'}</Text>
         </View>
       </TouchableOpacity>
     )
   }
-}
\ No newline at end of file
+/*********************************************************************/
+
+/********** Render view for when user IS editing grou ****************/
+  renderAddAndDeleteList() {
+    return (
+      <View>
+        <ListView
+          dataSource={this.state.members}
+          renderRow={rowData => this.renderMembersToBeChanged(rowData)}
+          style={styles.listView}
+        />
+        <ListView
+          dataSource={this.state.nonMembers}
+          renderRow={rowData => this.renderNonMembers(rowData)}
+          style={styles.listView}
+        />
+      </View>
+    )
+  }
+
+  renderMembersToBeChanged(data) {
+    return (
+      <View style={styles.container}>
+        <Button
+          onPress={() => console.log('Add/Delete')}
+          title='Delete'
+          style={styles.button}
+        />
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
+        </View>
+      </View>
+    )
+  }
+ 
+  renderNonMembers(data) {
+    return (
+      <View style={styles.container}>
+        <Button
+          onPress={() => console.log('Add/Delete')}
+          title='Add'
+          style={styles.button}
+        />
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
+        </View>
+      </View>
+    )
+  }
+/*********************************************************************/
+};
+
+let styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  nameContainer: {
+    // justifyContent: 'right',
+    flex: 1,
+    marginBottom: 8,
+  },
+  name: {
+    fontSize: 23,
+    // marginBottom: 8,
+    textAlign: 'center',
+  },
+  year: {
+    textAlign: 'right',
+  },
+  button: {
+    width: 100,
+    height: 81,
+  },
+  listView: {
+    paddingTop: 10,
+    backgroundColor: '#F5FCFF',
+  },
+  separator: {
+    flex: 1,
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: '#8E8E8E',
+  },
+});
\ No newline at end of file
diff --git a/app/GroupsList.js b/app/GroupsList.js
index 5bfb6e1..1bf450d 100644
--- a/app/GroupsList.js
+++ b/app/GroupsList.js
@@ -14,14 +14,11 @@ export default class GroupsList extends Component {
   }
 
   componentWillMount () {
-    console.log('getgroups')
-
     AuthAxios({
-      url: `/api/groups`
+      url: `api/groups`
     })
     .then(({data}) => {
       let groups = data;
-      console.log(groups);
       this.setState({
         groups: this.state.groups.cloneWithRows(groups)
       });

From 44bc3619302ed880b8bf72d05501e7f4f80f8243 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Thu, 20 Apr 2017 15:55:19 -0700
Subject: [PATCH 04/11] Refactor Edit groupMember component; Able to gather
 data for edit purposes

---
 app/AddDeleteGroupMembers.js | 118 +++++++++++++++++++++++++++++++++
 app/CreateGroup.js           |   1 -
 app/GroupMap.js              | 122 ++++++++++++++++-------------------
 3 files changed, 173 insertions(+), 68 deletions(-)
 create mode 100644 app/AddDeleteGroupMembers.js

diff --git a/app/AddDeleteGroupMembers.js b/app/AddDeleteGroupMembers.js
new file mode 100644
index 0000000..6ca8d7f
--- /dev/null
+++ b/app/AddDeleteGroupMembers.js
@@ -0,0 +1,118 @@
+import React, { Component } from 'react';
+import { endpoint } from './endpoint.js';
+import { ListView, View, Text, StyleSheet, TouchableOpacity, Button } from 'react-native';
+import AuthAxios from './AuthAxios.js';
+
+export default class GroupMap extends Component {
+  constructor(props) {
+    super(props);
+    this.state =  {
+      nonMembers: new ListView.DataSource({
+        rowHasChanged: (row1, row2) => row1 !== row2
+      }),
+      membersToAdd: [],
+      membersToDelete: []
+    };
+  }
+
+  componentWillMount() {
+    AuthAxios({
+      url: `api/nonGroupUsers?name=${this.props.name}`,
+    })
+    .then(({data}) => {
+      this.setState({
+        nonMembers: this.state.nonMembers.cloneWithRows(data),
+      })
+    })
+    .catch(err => {
+      console.log('there was an error in fetching non members', err);
+    });
+  }
+
+  static navigationOptions = ({navigation}) => ({
+    title: 'Add/Delete Friends'
+  });
+
+  render() {
+    return (
+      <View>
+        <ListView
+          dataSource={this.props.members}
+          renderRow={rowData => this.renderMembersToBeChanged(rowData)}
+          style={styles.listView}
+        />
+        <ListView
+          dataSource={this.state.nonMembers}
+          renderRow={rowData => this.renderNonMembers(rowData)}
+          style={styles.listView}
+        />
+      </View>
+    )
+  }
+
+  renderMembersToBeChanged(data) {
+    return (
+      <View style={styles.container}>
+        <Button
+          onPress={() => this.props.toDelete(data)}
+          title='Delete'
+          style={styles.button}
+        />
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
+        </View>
+      </View>
+    )
+  }
+ 
+  renderNonMembers(data) {
+    return (
+      <View style={styles.container}>
+        <Button
+          onPress={() => this.props.toAdd(data)}
+          title='Add'
+          style={styles.button}
+        />
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
+        </View>
+      </View>
+    )
+  }
+};
+
+let styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  nameContainer: {
+    // justifyContent: 'right',
+    flex: 1,
+    marginBottom: 8,
+  },
+  name: {
+    fontSize: 23,
+    // marginBottom: 8,
+    textAlign: 'center',
+  },
+  year: {
+    textAlign: 'right',
+  },
+  button: {
+    width: 100,
+    height: 81,
+  },
+  listView: {
+    paddingTop: 10,
+    backgroundColor: '#F5FCFF',
+  },
+  separator: {
+    flex: 1,
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: '#8E8E8E',
+  },
+});
\ No newline at end of file
diff --git a/app/CreateGroup.js b/app/CreateGroup.js
index 396f56a..b4b01be 100644
--- a/app/CreateGroup.js
+++ b/app/CreateGroup.js
@@ -82,7 +82,6 @@ export default class CreateGroup extends Component {
   handleUserChange(userObj) {
     let userArr = this.state.users;
     let index = userArr.indexOf(userObj);
-    console.log(userArr, index, userObj);
     if(index === -1) {
       userArr.push(userObj);
     } else {
diff --git a/app/GroupMap.js b/app/GroupMap.js
index db9c4cd..5fa02d0 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { endpoint } from './endpoint.js';
 import { ListView, View, Text, StyleSheet, TouchableOpacity, Button } from 'react-native';
 import AuthAxios from './AuthAxios.js';
+import AddDeleteGroupMembers from './AddDeleteGroupMembers.js';
 
 export default class GroupMap extends Component {
   constructor(props) {
@@ -13,9 +14,15 @@ export default class GroupMap extends Component {
       nonMembers: new ListView.DataSource({
         rowHasChanged: (row1, row2) => row1 !== row2
       }),
+      membersToAdd: [],
+      membersToDelete: [],
       addAndDelete: false
     };
-    this.fetchNonGroupMembers = this.fetchNonGroupMembers.bind(this);
+    this.changeToEditGroup = this.changeToEditGroup.bind(this);
+    this.updateGroupMembers = this.updateGroupMembers.bind(this);
+    this.addMember = this.addMember.bind(this);
+    this.removeMember = this.removeMember.bind(this);
+    this.updateGroupMembers = this.updateGroupMembers.bind(this);
   }
 
   componentWillMount() {
@@ -34,20 +41,52 @@ export default class GroupMap extends Component {
     });
   };
 
-  fetchNonGroupMembers() {
-    let {name} = this.props.navigation.state.params.data; 
-    AuthAxios({
-      url: `api/nonGroupUsers?name=${name}`,
+  changeToEditGroup() {
+    this.setState({
+      addAndDelete: !this.state.addAndDelete
     })
-    .then(({data}) => {
-      this.setState({
-        nonMembers: this.state.nonMembers.cloneWithRows(data),
-        addAndDelete: !this.state.addAndDelete
-      })
+  }
+
+  updateGroupMembers() {
+    console.log('UPDATING GROUP');
+    let groupChanges = {
+      toAdd: this.state.membersToAdd,
+      toDelete: this.state.membersToDelete,
+    }
+    console.log(groupChanges);
+    this.setState({
+      addAndDelete: !this.state.addAndDelete
     })
-    .catch(err => {
-      console.log('there was an error in fetching non members', err);
-    });
+  }
+
+  addMember(friendData) {
+    console.log('adding member', friendData);
+    let membersToAdd = this.state.membersToAdd;
+    let index = membersToAdd.indexOf(friendData);
+    if(index === -1) {
+      membersToAdd.push(friendData);
+    } else {
+      userArr.splice(index, 1);
+    }
+    this.setState({
+      membersToAdd: membersToAdd
+    })
+    console.log(this.state.membersToAdd);
+  }
+
+  removeMember(friendData) {
+    console.log('removeMember', friendData);
+    let membersToDelete = this.state.membersToDelete;
+    let index = membersToDelete.indexOf(friendData);
+    if(index === -1) {
+      membersToDelete.push(friendData);
+    } else {
+      userArr.splice(index, 1);
+    }
+    this.setState({
+      membersToDelete: membersToDelete
+    })
+    console.log(this.state.membersToDelete);
   }
 
   static navigationOptions = ({navigation}) => ({
@@ -55,19 +94,18 @@ export default class GroupMap extends Component {
   });
 
   render() {
-    const params = this.props.navigation.state.params;
+    const { data } = this.props.navigation.state.params;
     return (
       <View>
         <Button
-          onPress={() => !this.state.addAndDelete ? this.fetchNonGroupMembers() : console.log('confirm') }
+          onPress={() => !this.state.addAndDelete ? this.changeToEditGroup() : this.updateGroupMembers() }
           title={ !this.state.addAndDelete ? 'Add/Delete Friends' : 'Confirm'}
         />
-        {this.state.addAndDelete ? this.renderAddAndDeleteList() : this.renderNoChangeList()}
+        {this.state.addAndDelete ? <AddDeleteGroupMembers members={this.state.members} name={data.name} toAdd={this.addMember} toDelete={this.removeMember} /> : this.renderNoChangeList()}
       </View>
     );
   }
 
-/******* Render view for when user IS NOT editing group ****************/
   renderNoChangeList() {
     return (
       <ListView
@@ -91,56 +129,6 @@ export default class GroupMap extends Component {
       </TouchableOpacity>
     )
   }
-/*********************************************************************/
-
-/********** Render view for when user IS editing grou ****************/
-  renderAddAndDeleteList() {
-    return (
-      <View>
-        <ListView
-          dataSource={this.state.members}
-          renderRow={rowData => this.renderMembersToBeChanged(rowData)}
-          style={styles.listView}
-        />
-        <ListView
-          dataSource={this.state.nonMembers}
-          renderRow={rowData => this.renderNonMembers(rowData)}
-          style={styles.listView}
-        />
-      </View>
-    )
-  }
-
-  renderMembersToBeChanged(data) {
-    return (
-      <View style={styles.container}>
-        <Button
-          onPress={() => console.log('Add/Delete')}
-          title='Delete'
-          style={styles.button}
-        />
-        <View style={styles.nameContainer}>
-          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
-        </View>
-      </View>
-    )
-  }
- 
-  renderNonMembers(data) {
-    return (
-      <View style={styles.container}>
-        <Button
-          onPress={() => console.log('Add/Delete')}
-          title='Add'
-          style={styles.button}
-        />
-        <View style={styles.nameContainer}>
-          <Text style={styles.name}>{`${data.first} ${data.last}`}</Text>
-        </View>
-      </View>
-    )
-  }
-/*********************************************************************/
 };
 
 let styles = StyleSheet.create({

From 8bc8e91737d0bf97d5fcb1e61099fe375b074b89 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Thu, 20 Apr 2017 17:38:49 -0700
Subject: [PATCH 05/11] working on editing group privacy settings

---
 app/GroupMap.js | 45 +++++++++++++++++++++++++++++++++++++--------
 1 file changed, 37 insertions(+), 8 deletions(-)

diff --git a/app/GroupMap.js b/app/GroupMap.js
index 5fa02d0..a065a72 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { endpoint } from './endpoint.js';
-import { ListView, View, Text, StyleSheet, TouchableOpacity, Button } from 'react-native';
+import { ListView, View, Text, StyleSheet, TouchableOpacity, Button, Switch } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 import AddDeleteGroupMembers from './AddDeleteGroupMembers.js';
 
@@ -16,6 +16,7 @@ export default class GroupMap extends Component {
       }),
       membersToAdd: [],
       membersToDelete: [],
+      showLabel: false,
       addAndDelete: false
     };
     this.changeToEditGroup = this.changeToEditGroup.bind(this);
@@ -23,17 +24,26 @@ export default class GroupMap extends Component {
     this.addMember = this.addMember.bind(this);
     this.removeMember = this.removeMember.bind(this);
     this.updateGroupMembers = this.updateGroupMembers.bind(this);
+    this.switchChange = this.switchChange.bind(this);
   }
 
   componentWillMount() {
     console.log('GROUPMAP',this.props.navigation.state.params)
-    let {name} = this.props.navigation.state.params.data;
+    let {name, privacy} = this.props.navigation.state.params.data;
+    let showLabel = (privacy === 'label' ? true : false);
     AuthAxios({
       url: `/api/groupUsers?name=${name}`
     })
     .then(({data}) => {
+      let newDataSource = new ListView.DataSource({
+        rowHasChanged: (row1, row2) => row1 !== row2
+      });
       this.setState({
-        members: this.state.members.cloneWithRows(data)
+        members: newDataSource.cloneWithRows(data),
+        membersToAdd: [],
+        membersToDelete: [],
+        showLabel: showLabel,
+        addAndDelete: false
       });
     })
     .catch(err => {
@@ -48,14 +58,21 @@ export default class GroupMap extends Component {
   }
 
   updateGroupMembers() {
-    console.log('UPDATING GROUP');
     let groupChanges = {
       toAdd: this.state.membersToAdd,
       toDelete: this.state.membersToDelete,
     }
-    console.log(groupChanges);
-    this.setState({
-      addAndDelete: !this.state.addAndDelete
+    let {name} = this.props.navigation.state.params.data;
+    AuthAxios({
+      url: `/api/groupUsers?name=${name}`,
+      method: 'put',
+      data: JSON.stringify(groupChanges),
+    })
+    .then(({data}) => {
+      this.componentWillMount();
+    })
+    .catch(err => {
+      console.log(err);
     })
   }
 
@@ -81,7 +98,7 @@ export default class GroupMap extends Component {
     if(index === -1) {
       membersToDelete.push(friendData);
     } else {
-      userArr.splice(index, 1);
+      membersToDelete.splice(index, 1);
     }
     this.setState({
       membersToDelete: membersToDelete
@@ -89,6 +106,13 @@ export default class GroupMap extends Component {
     console.log(this.state.membersToDelete);
   }
 
+  switchChange() {
+    console.log('herel');
+    this.setState({
+      showLabel: !this.state.showLabel
+    })
+  }
+
   static navigationOptions = ({navigation}) => ({
     title: navigation.state.params.data.name
   });
@@ -101,6 +125,11 @@ export default class GroupMap extends Component {
           onPress={() => !this.state.addAndDelete ? this.changeToEditGroup() : this.updateGroupMembers() }
           title={ !this.state.addAndDelete ? 'Add/Delete Friends' : 'Confirm'}
         />
+        <Switch
+          onValueChange={this.switchChange}
+          style={{marginBotton: 10}}
+          value={this.state.showLabel}
+        />
         {this.state.addAndDelete ? <AddDeleteGroupMembers members={this.state.members} name={data.name} toAdd={this.addMember} toDelete={this.removeMember} /> : this.renderNoChangeList()}
       </View>
     );

From 7a745d1e33038784a427126a812af0fd753b4f12 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Thu, 20 Apr 2017 19:05:38 -0700
Subject: [PATCH 06/11] Working on privacy settings for groups

---
 app/GroupMap.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/GroupMap.js b/app/GroupMap.js
index a065a72..b53b3db 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -130,6 +130,7 @@ export default class GroupMap extends Component {
           style={{marginBotton: 10}}
           value={this.state.showLabel}
         />
+        <Text>{this.state.showLabel ? 'Show Only Label' : 'Show GPS'}</Text>
         {this.state.addAndDelete ? <AddDeleteGroupMembers members={this.state.members} name={data.name} toAdd={this.addMember} toDelete={this.removeMember} /> : this.renderNoChangeList()}
       </View>
     );

From dc2423518c7a27f270ae5cc84df29b18ebba8349 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Thu, 20 Apr 2017 20:25:12 -0700
Subject: [PATCH 07/11] Added privacy setting

---
 app/GroupMap.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/GroupMap.js b/app/GroupMap.js
index b53b3db..7b8f9f5 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -108,9 +108,21 @@ export default class GroupMap extends Component {
 
   switchChange() {
     console.log('herel');
-    this.setState({
-      showLabel: !this.state.showLabel
+    let {name} = this.props.navigation.state.params.data;
+    AuthAxios({
+      url: `/api/groups?name=${name}`,
+      method: 'put',
+      data: JSON.stringify({showLabel: !this.state.showLabel})
     })
+    .then(({data}) => {
+      console.log(data);
+      this.setState({
+        showLabel: !this.state.showLabel
+      });
+    })
+    .catch(err => {
+      console.log('there was an error in fetching members', err);
+    });
   }
 
   static navigationOptions = ({navigation}) => ({
@@ -127,7 +139,6 @@ export default class GroupMap extends Component {
         />
         <Switch
           onValueChange={this.switchChange}
-          style={{marginBotton: 10}}
           value={this.state.showLabel}
         />
         <Text>{this.state.showLabel ? 'Show Only Label' : 'Show GPS'}</Text>

From 36f0f1f2c51137b9413f79d2debd6ccef226296b Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Fri, 21 Apr 2017 11:50:56 -0700
Subject: [PATCH 08/11] Able to update friend privacy with switch

---
 app/AddFriendList.js |  3 ---
 app/CreateGroup.js   |  3 +--
 app/FriendMap.js     | 47 +++++++++++++++++++++++++++++++++++++++-----
 app/GroupMap.js      | 16 +++++----------
 app/HomeFavorite.js  |  1 -
 5 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/app/AddFriendList.js b/app/AddFriendList.js
index 98a43a9..8681c18 100644
--- a/app/AddFriendList.js
+++ b/app/AddFriendList.js
@@ -18,7 +18,6 @@ export default class AddFriendList extends Component {
   };
 
   componentWillMount(){
-    console.log("will mount in addfriend")
     this.checkPermissionAndGet();
   };
 
@@ -29,7 +28,6 @@ export default class AddFriendList extends Component {
   checkPermissionAndGet() {
     Contacts.checkPermission( (err, permission) => {
       // Contacts.PERMISSION_AUTHORIZED || Contacts.PERMISSION_UNDEFINED || Contacts.PERMISSION_DENIED
-      console.log(permission)
       if(permission === 'undefined'){
         Contacts.requestPermission( (err, permission) => {
           // ...
@@ -55,7 +53,6 @@ export default class AddFriendList extends Component {
               data: {friends: friends}
             })
             .then(({data}) => {
-              console.log(friends);
               let friends = data
               friends.sort((a, b) => {
                 if (a.hasApp && b.hasApp) {
diff --git a/app/CreateGroup.js b/app/CreateGroup.js
index b4b01be..35f5d57 100644
--- a/app/CreateGroup.js
+++ b/app/CreateGroup.js
@@ -69,7 +69,7 @@ export default class CreateGroup extends Component {
         return response.json();
       })
       .then((friends) => {
-        console.log(friends);
+        console.log('Successful Post');
       })
       .catch((error) => {
         console.log('There was an error in fetching your data: ', error);
@@ -91,7 +91,6 @@ export default class CreateGroup extends Component {
     this.setState({
       users: userArr
     })
-    console.log(this.state);
   }
 
   // static navigationOptions = {
diff --git a/app/FriendMap.js b/app/FriendMap.js
index 08d1a23..ba7ca3e 100644
--- a/app/FriendMap.js
+++ b/app/FriendMap.js
@@ -1,26 +1,63 @@
 import React, { Component } from 'react';
-import { View, Text, StyleSheet, Image } from 'react-native';
 /*import { MapView } from 'react-native-maps';*/
+import { View, Text, StyleSheet, Image, Switch } from 'react-native';
+import AuthAxios from './AuthAxios.js';
 
 export default class FriendMap extends Component {
   constructor(props) {
     super(props);
-    this.state =  {};
-    console.log(this.props.navigation.state.params);
+
+    let {showFriendSetting} = this.props.navigation.state.params.data;
+    let showLabel = (showFriendSetting === 'label' ? true : false); 
+
+    this.state =  {
+      showLabel: showLabel
+    };
+    this.switchChange = this.switchChange.bind(this);
+  }
+
+  switchChange() {
+    this.setState({
+      showLabel: !this.state.showLabel
+    })
+    let {id} = this.props.navigation.state.params.data;
+    AuthAxios({
+      url: `/api/friends/${id}`,
+      method: 'put',
+      data: {showLabel: !this.state.showLabel}
+    })
+    .then(({data}) => {
+      console.log('Succesfull Update', data.privacy);
+    })
+    .catch(err => {
+      console.log(err);
+    }) 
   }
 
   static navigationOptions = ({navigation}) => ({
     title: navigation.state.params.data.first
   });
 
-  render() {
+  whichPageToRender () {
     const { data } = this.props.navigation.state.params;
-    console.log(data);
     if(data.showSetting === 'GPS') { return this.renderGPS(data); }
     if(data.showSetting === 'label') { return this.renderLabel(data); }
     if(data.showSetting === 'pending') { return this.renderPending(data); }
   }
 
+  render() {
+    return (
+      <View>
+      <Switch
+          onValueChange={this.switchChange}
+          value={this.state.showLabel}
+        />
+        <Text>{this.state.showLabel ? 'Show Only Label' : 'Show GPS'}</Text>
+        {this.whichPageToRender()}
+      </View>
+    )
+  }
+
   renderPending(data) {
     return (
       <View style={{marginTop: 10}}>
diff --git a/app/GroupMap.js b/app/GroupMap.js
index 7b8f9f5..a923853 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -28,7 +28,6 @@ export default class GroupMap extends Component {
   }
 
   componentWillMount() {
-    console.log('GROUPMAP',this.props.navigation.state.params)
     let {name, privacy} = this.props.navigation.state.params.data;
     let showLabel = (privacy === 'label' ? true : false);
     AuthAxios({
@@ -77,7 +76,6 @@ export default class GroupMap extends Component {
   }
 
   addMember(friendData) {
-    console.log('adding member', friendData);
     let membersToAdd = this.state.membersToAdd;
     let index = membersToAdd.indexOf(friendData);
     if(index === -1) {
@@ -88,11 +86,9 @@ export default class GroupMap extends Component {
     this.setState({
       membersToAdd: membersToAdd
     })
-    console.log(this.state.membersToAdd);
   }
 
   removeMember(friendData) {
-    console.log('removeMember', friendData);
     let membersToDelete = this.state.membersToDelete;
     let index = membersToDelete.indexOf(friendData);
     if(index === -1) {
@@ -103,22 +99,20 @@ export default class GroupMap extends Component {
     this.setState({
       membersToDelete: membersToDelete
     })
-    console.log(this.state.membersToDelete);
   }
 
   switchChange() {
-    console.log('herel');
+    this.setState({
+      showLabel: !this.state.showLabel
+    });
     let {name} = this.props.navigation.state.params.data;
     AuthAxios({
       url: `/api/groups?name=${name}`,
       method: 'put',
-      data: JSON.stringify({showLabel: !this.state.showLabel})
+      data: {showLabel: !this.state.showLabel}
     })
     .then(({data}) => {
-      console.log(data);
-      this.setState({
-        showLabel: !this.state.showLabel
-      });
+      console.log('Successful update');
     })
     .catch(err => {
       console.log('there was an error in fetching members', err);
diff --git a/app/HomeFavorite.js b/app/HomeFavorite.js
index a668460..856f326 100644
--- a/app/HomeFavorite.js
+++ b/app/HomeFavorite.js
@@ -14,7 +14,6 @@ export default class HomeFavorite extends Component {
   }
 
   componentWillMount() {
-    console.log('HOME FAVORITE')
     // let {name} = this.props.navigation.state.params.data;
 
     AuthAxios({

From 7f3be5c40c4b5def7958f00e88253e3f8be9b2b8 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Fri, 21 Apr 2017 12:03:50 -0700
Subject: [PATCH 09/11] added slash to url

---
 app/GroupsList.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/GroupsList.js b/app/GroupsList.js
index 1bf450d..b12a7a6 100644
--- a/app/GroupsList.js
+++ b/app/GroupsList.js
@@ -15,7 +15,7 @@ export default class GroupsList extends Component {
 
   componentWillMount () {
     AuthAxios({
-      url: `api/groups`
+      url: `/api/groups`
     })
     .then(({data}) => {
       let groups = data;

From 29bfd8ce03ed7a00e8a5764679c443856b759e89 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Fri, 21 Apr 2017 15:42:47 -0700
Subject: [PATCH 10/11] Refactored to kyle's suggestion

---
 app/FriendMap.js | 3 ++-
 app/GroupMap.js  | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/FriendMap.js b/app/FriendMap.js
index ba7ca3e..a3c8f33 100644
--- a/app/FriendMap.js
+++ b/app/FriendMap.js
@@ -21,10 +21,11 @@ export default class FriendMap extends Component {
       showLabel: !this.state.showLabel
     })
     let {id} = this.props.navigation.state.params.data;
+    let privacy = (this.state.showLabel ? 'GPS' : 'Label');
     AuthAxios({
       url: `/api/friends/${id}`,
       method: 'put',
-      data: {showLabel: !this.state.showLabel}
+      data: {privacy: privacy}
     })
     .then(({data}) => {
       console.log('Succesfull Update', data.privacy);
diff --git a/app/GroupMap.js b/app/GroupMap.js
index a923853..42b6122 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -106,13 +106,14 @@ export default class GroupMap extends Component {
       showLabel: !this.state.showLabel
     });
     let {name} = this.props.navigation.state.params.data;
+    let privacy = (this.state.showLabel ? 'GPS' : 'label');
     AuthAxios({
       url: `/api/groups?name=${name}`,
       method: 'put',
-      data: {showLabel: !this.state.showLabel}
+      data: {privacy: privacy}
     })
     .then(({data}) => {
-      console.log('Successful update');
+      console.log('Successful update', data.privacy);
     })
     .catch(err => {
       console.log('there was an error in fetching members', err);

From 194e4cc69b636123d14569e5c30ba32837bbf0d6 Mon Sep 17 00:00:00 2001
From: RDF014 <rdf014@gmail.com>
Date: Fri, 21 Apr 2017 16:40:28 -0700
Subject: [PATCH 11/11] Refactor Tiffany comments

---
 app/AddDeleteGroupMembers.js |  1 -
 app/AddFence.js              |  1 -
 app/AddFriendItem.js         |  1 -
 app/AddFriendList.js         |  1 -
 app/AllFriendsList.js        |  1 -
 app/CreateGroup.js           | 29 -----------------------------
 app/FriendMap.js             |  1 -
 app/GroupMap.js              |  1 -
 app/GroupsList.js            |  1 -
 app/HomeFavorite.js          |  1 -
 app/LogOut.js                |  1 -
 app/Settings.js              |  1 -
 12 files changed, 40 deletions(-)

diff --git a/app/AddDeleteGroupMembers.js b/app/AddDeleteGroupMembers.js
index 6ca8d7f..a8176c0 100644
--- a/app/AddDeleteGroupMembers.js
+++ b/app/AddDeleteGroupMembers.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import { ListView, View, Text, StyleSheet, TouchableOpacity, Button } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
diff --git a/app/AddFence.js b/app/AddFence.js
index 775f7f4..a3d0b4f 100644
--- a/app/AddFence.js
+++ b/app/AddFence.js
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { View, Text, StyleSheet, Button, Picker, ListView } from 'react-native';
 import {GooglePlacesAutocomplete} from 'react-native-google-places-autocomplete';
-import {endpoint} from './endpoint.js';
 import AuthAxios from './AuthAxios.js';
 
 
diff --git a/app/AddFriendItem.js b/app/AddFriendItem.js
index 05f9d21..6f7b46d 100644
--- a/app/AddFriendItem.js
+++ b/app/AddFriendItem.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import {endpoint} from './endpoint.js';
 import { View, Text, StyleSheet, Button } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
diff --git a/app/AddFriendList.js b/app/AddFriendList.js
index 8681c18..aeb7450 100644
--- a/app/AddFriendList.js
+++ b/app/AddFriendList.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import {endpoint} from './endpoint.js';
 import Contacts from 'react-native-contacts';
 import AddFriendItem from './AddFriendItem.js';
 import { View, Text, StyleSheet, Button, ListView } from 'react-native';
diff --git a/app/AllFriendsList.js b/app/AllFriendsList.js
index d4a5037..7f35f03 100644
--- a/app/AllFriendsList.js
+++ b/app/AllFriendsList.js
@@ -1,6 +1,5 @@
 import FriendMap from './FriendMap.js';
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import Contacts from 'react-native-contacts';
 import { View, Text, StyleSheet, Button, ListView } from 'react-native';
 import AuthAxios from './AuthAxios.js';
diff --git a/app/CreateGroup.js b/app/CreateGroup.js
index 35f5d57..197319a 100644
--- a/app/CreateGroup.js
+++ b/app/CreateGroup.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import CheckBox from 'react-native-checkbox';
-import { endpoint } from './endpoint.js';
 import { View, Text, StyleSheet, TextInput, ListView, Picker, Button } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
@@ -20,13 +19,11 @@ export default class CreateGroup extends Component {
   }
 
   componentWillMount() {
-
     AuthAxios({
       url: `/api/friends?groups=true`
     })
     .then(({data}) => {
       let friends = data;
-      console.log(friends);
       this.setState({
         friends: this.state.friends.cloneWithRows(friends),
       })
@@ -43,38 +40,16 @@ export default class CreateGroup extends Component {
       users: this.state.users,
       privacy: this.state.privacy,
     };
-
-
     AuthAxios({
       url: `/api/groups`,
       method: `post`,
       data:{groupSettings: groupSettings}
     })
     .then(({data}) => {
-      console.log('Your group was created')
     })
     .catch((error) => {
       alert('There was a problem creating your group')
     })
-    
-/*    fetch(`${endpoint}/api/groups`, {
-      method: 'POST',
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({groupSettings: groupSettings})
-    })
-      .then(function(response) {
-        return response.json();
-      })
-      .then((friends) => {
-        console.log('Successful Post');
-      })
-      .catch((error) => {
-        console.log('There was an error in fetching your data: ', error);
-        return error;
-      });*/
     const { navigate } = this.props.navigation;
     navigate('GroupsList');
   }
@@ -93,10 +68,6 @@ export default class CreateGroup extends Component {
     })
   }
 
-  // static navigationOptions = {
-  //   title: ({state}) => (state.params.title)
-  // };
-
   static navigationOptions = ({ navigation }) => {
     title: navigation.state.params.title
   }
diff --git a/app/FriendMap.js b/app/FriendMap.js
index a3c8f33..3546f89 100644
--- a/app/FriendMap.js
+++ b/app/FriendMap.js
@@ -28,7 +28,6 @@ export default class FriendMap extends Component {
       data: {privacy: privacy}
     })
     .then(({data}) => {
-      console.log('Succesfull Update', data.privacy);
     })
     .catch(err => {
       console.log(err);
diff --git a/app/GroupMap.js b/app/GroupMap.js
index 42b6122..ed90107 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import { ListView, View, Text, StyleSheet, TouchableOpacity, Button, Switch } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 import AddDeleteGroupMembers from './AddDeleteGroupMembers.js';
diff --git a/app/GroupsList.js b/app/GroupsList.js
index b12a7a6..8261142 100644
--- a/app/GroupsList.js
+++ b/app/GroupsList.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import { Button, View, Text, StyleSheet, ListView, TouchableOpacity } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
diff --git a/app/HomeFavorite.js b/app/HomeFavorite.js
index 856f326..be915e3 100644
--- a/app/HomeFavorite.js
+++ b/app/HomeFavorite.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import { Button, View, Text, StyleSheet, ListView, TouchableOpacity } from 'react-native';
 import AuthAxios from './AuthAxios.js';
 
diff --git a/app/LogOut.js b/app/LogOut.js
index d0c5b98..eb9be8b 100644
--- a/app/LogOut.js
+++ b/app/LogOut.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import { endpoint } from './endpoint.js';
 import { ListView, View, Text, StyleSheet } from 'react-native';
 
 export default class LogOut extends Component {
diff --git a/app/Settings.js b/app/Settings.js
index 0d02e6d..2d01c5e 100644
--- a/app/Settings.js
+++ b/app/Settings.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import { View, Button, Text, Picker, Switch, StyleSheet } from 'react-native';
-import { endpoint } from './endpoint.js';
 import FriendMap from './FriendMap.js';
 import AuthAxios from './AuthAxios.js';