From ae3d062b082d77c0da2269dee7eb2f9a4a5714ad Mon Sep 17 00:00:00 2001
From: Neto Chaves <netobac1@gmail.com>
Date: Wed, 29 May 2019 13:18:49 -0300
Subject: [PATCH 1/2] notification enabled/disabled option

---
 functions/index.js                           |   6 +-
 src/Components/Config/configBody.js          | 189 +++++++++++--------
 src/Screens/PerfilSettings/perfilsettings.js |   3 +-
 3 files changed, 115 insertions(+), 83 deletions(-)

diff --git a/functions/index.js b/functions/index.js
index ca0ad9a..ce7223f 100644
--- a/functions/index.js
+++ b/functions/index.js
@@ -45,8 +45,10 @@ return (exports.sendPushNotification = functions.firestore
         .doc(userId)
         .get()
         .then(doc => {
-          const { pushToken } = doc.data()
-          return admin.messaging().sendToDevice(pushToken, payload)
+          const { pushToken, notifications } = doc.data()
+          if (notifications)
+            return admin.messaging().sendToDevice(pushToken, payload)
+          else return null
         })
     }
   }))
diff --git a/src/Components/Config/configBody.js b/src/Components/Config/configBody.js
index 888953a..57fabe7 100644
--- a/src/Components/Config/configBody.js
+++ b/src/Components/Config/configBody.js
@@ -1,4 +1,4 @@
-import React from "react"
+import React, { Component } from "react"
 import {
   View,
   StyleSheet,
@@ -8,93 +8,124 @@ import {
   Switch
 } from "react-native"
 import { Icon } from "react-native-elements"
+import firebase from "react-native-firebase"
 
-const configBody = props => {
-  const { navigation } = props
-  return (
-    <View style={styles.elevationBody}>
-      <ScrollView showsVerticalScrollIndicator={false}>
-        <View style={styles.innerBody}>
-          <Text style={styles.touchableStyleTitle}>Conta</Text>
-          <Text style={styles.line} />
-          <TouchableOpacity
-            style={styles.touchableIcon}
-            onPress={() => {
-              navigation.navigate("LanguagesScreen")
-            }}
-          >
-            <Icon name="language" size={28} color="#007AFF" />
-            <Text style={styles.touchableStyle}>Idiomas</Text>
-            <View style={styles.chevronStyle}>
-              <Icon
-                name="chevron-right"
-                size={28}
-                color="gray"
-                type="evilicon"
-              />
-            </View>
-          </TouchableOpacity>
+export default class configBody extends Component {
+  constructor() {
+    super()
+    this.state = {
+      switchState: false
+    }
+    this.ref = firebase
+      .firestore()
+      .collection("users")
+      .doc(firebase.auth().currentUser.uid)
+  }
 
-          <TouchableOpacity
-            style={styles.touchableIcon}
-            onPress={() => {
-              navigation.navigate("EditPerfilScreen")
-            }}
-          >
-            <Icon name="person" size={28} color="#c6056c" />
-            <Text style={styles.touchableStyle}>Perfil</Text>
-            <View style={styles.chevronStyle}>
-              <Icon
-                name="chevron-right"
-                size={28}
-                color="gray"
-                type="evilicon"
-              />
-            </View>
-          </TouchableOpacity>
+  componentDidMount() {
+    this.ref.get().then(doc => {
+      const { notifications } = doc.data()
+      this.setState({ switchState: notifications })
+    })
+  }
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="notifications" size={28} color="#ef2390" />
-            <Text style={styles.touchableStyle}>Notificação</Text>
-            <View style={styles.chevronStyle}>
-              <Switch />
-            </View>
-          </TouchableOpacity>
+  switchHandler = () => {
+    const { switchState } = this.state
+    this.ref.update({ notifications: !switchState })
+    this.setState(prevState => ({ switchState: !prevState.switchState }))
+  }
 
-          <Text style={styles.touchableStyleTitle}>Aplicativo</Text>
-          <Text style={styles.line} />
+  render() {
+    const { navigation } = this.props
+    const { switchState } = this.state
+    return (
+      <View style={styles.elevationBody}>
+        <ScrollView showsVerticalScrollIndicator={false}>
+          <View style={styles.innerBody}>
+            <Text style={styles.touchableStyleTitle}>Conta</Text>
+            <Text style={styles.line} />
+            <TouchableOpacity
+              style={styles.touchableIcon}
+              onPress={() => {
+                navigation.navigate("LanguagesScreen")
+              }}
+            >
+              <Icon name="language" size={28} color="#007AFF" />
+              <Text style={styles.touchableStyle}>Idiomas</Text>
+              <View style={styles.chevronStyle}>
+                <Icon
+                  name="chevron-right"
+                  size={28}
+                  color="gray"
+                  type="evilicon"
+                />
+              </View>
+            </TouchableOpacity>
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="chat" size={28} color="#e542f4" />
-            <Text style={styles.touchableStyle}>Enviar Feedback</Text>
-          </TouchableOpacity>
+            <TouchableOpacity
+              style={styles.touchableIcon}
+              onPress={() => {
+                navigation.navigate("EditPerfilScreen")
+              }}
+            >
+              <Icon name="person" size={28} color="#c6056c" />
+              <Text style={styles.touchableStyle}>Perfil</Text>
+              <View style={styles.chevronStyle}>
+                <Icon
+                  name="chevron-right"
+                  size={28}
+                  color="gray"
+                  type="evilicon"
+                />
+              </View>
+            </TouchableOpacity>
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="share" size={28} color="#14d2e8" />
-            <Text style={styles.touchableStyle}>Compartilhar App</Text>
-          </TouchableOpacity>
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="notifications" size={28} color="#ef2390" />
+              <Text style={styles.touchableStyle}>Notificação</Text>
+              <View style={styles.chevronStyle}>
+                <Switch
+                  onValueChange={this.switchHandler}
+                  value={switchState}
+                />
+              </View>
+            </TouchableOpacity>
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="star" size={28} color="#deea2e" />
-            <Text style={styles.touchableStyle}>Avaliar App</Text>
-          </TouchableOpacity>
+            <Text style={styles.touchableStyleTitle}>Aplicativo</Text>
+            <Text style={styles.line} />
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="notifications" size={28} color="#25e01f" />
-            <Text style={styles.touchableStyle}>Política de Privacidade</Text>
-          </TouchableOpacity>
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="chat" size={28} color="#e542f4" />
+              <Text style={styles.touchableStyle}>Enviar Feedback</Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="share" size={28} color="#14d2e8" />
+              <Text style={styles.touchableStyle}>Compartilhar App</Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="star" size={28} color="#deea2e" />
+              <Text style={styles.touchableStyle}>Avaliar App</Text>
+            </TouchableOpacity>
 
-          <TouchableOpacity style={styles.touchableIcon}>
-            <Icon name="info" size={28} color="#ef9739" />
-            <Text style={styles.touchableStyle}>Sobre</Text>
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="notifications" size={28} color="#25e01f" />
+              <Text style={styles.touchableStyle}>Política de Privacidade</Text>
+            </TouchableOpacity>
+
+            <TouchableOpacity style={styles.touchableIcon}>
+              <Icon name="info" size={28} color="#ef9739" />
+              <Text style={styles.touchableStyle}>Sobre</Text>
+            </TouchableOpacity>
+          </View>
+          <TouchableOpacity>
+            <Text style={styles.touchableStyleExit}>Excluir Conta</Text>
           </TouchableOpacity>
-        </View>
-        <TouchableOpacity>
-          <Text style={styles.touchableStyleExit}>Excluir Conta</Text>
-        </TouchableOpacity>
-      </ScrollView>
-    </View>
-  )
+        </ScrollView>
+      </View>
+    )
+  }
 }
 
 const styles = StyleSheet.create({
@@ -152,5 +183,3 @@ const styles = StyleSheet.create({
     marginRight: 20
   }
 })
-
-export default configBody
diff --git a/src/Screens/PerfilSettings/perfilsettings.js b/src/Screens/PerfilSettings/perfilsettings.js
index e8ce721..0fdd8f7 100644
--- a/src/Screens/PerfilSettings/perfilsettings.js
+++ b/src/Screens/PerfilSettings/perfilsettings.js
@@ -73,7 +73,8 @@ export default class PerfilSettings extends Component {
             language_code: code,
             profile_img_url: profileImageUrl,
             online: true,
-            lastSeen: ""
+            lastSeen: "",
+            notifications: true
           })
         })
       }

From a7ced9cdc44594589d6f22df1fe47fda825c2510 Mon Sep 17 00:00:00 2001
From: Neto Chaves <netobac1@gmail.com>
Date: Sat, 1 Jun 2019 18:59:40 -0300
Subject: [PATCH 2/2] fiz error

---
 src/Components/Config/configBody.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/Components/Config/configBody.js b/src/Components/Config/configBody.js
index d414de1..b8d2aae 100644
--- a/src/Components/Config/configBody.js
+++ b/src/Components/Config/configBody.js
@@ -130,11 +130,6 @@ export default class configBody extends Component {
               <Text style={styles.touchableStyle}>Política de Privacidade</Text>
             </TouchableOpacity>
 
-            <TouchableOpacity style={styles.touchableIcon}>
-              <Icon name="notifications" size={28} color="#25e01f" />
-              <Text style={styles.touchableStyle}>Política de Privacidade</Text>
-            </TouchableOpacity>
-
             <TouchableOpacity style={styles.touchableIcon}>
               <Icon name="info" size={28} color="#ef9739" />
               <Text style={styles.touchableStyle}>Sobre</Text>