From e68075479738433d87ca5f62a6365836ba2dfbcf Mon Sep 17 00:00:00 2001
From: analuizaff <nanaluff@hotmail.com>
Date: Mon, 22 Mar 2021 19:42:15 -0300
Subject: [PATCH] adding label to comment input

---
 .../screens/PluviometerSharingDataScreen.js   |  6 ++--
 src/app/screens/RainSharingDataScreen.js      | 24 ++++++++++------
 .../screens/RiverFloodSharingDataScreen.js    | 28 ++++++++++++-------
 src/app/screens/SharingFloodZonesScreen.js    | 28 ++++++++++++-------
 4 files changed, 55 insertions(+), 31 deletions(-)

diff --git a/src/app/screens/PluviometerSharingDataScreen.js b/src/app/screens/PluviometerSharingDataScreen.js
index a68664e..f953f9a 100644
--- a/src/app/screens/PluviometerSharingDataScreen.js
+++ b/src/app/screens/PluviometerSharingDataScreen.js
@@ -115,13 +115,14 @@ function PluviometerSharingDataScreen(props) {
               </TouchableOpacity>
             </View>
           </View>
-          <View>
+          <View style={{ flex: 1 }}>
+            <Text style={styles.labelStyle}>Comentário:</Text>
             <FormField
               maxLength={255}
               multiline
               name="description"
               numberOfLines={3}
-              placeholder="Descrição"
+              placeholder="Escreva um comentário (Opcional)..."
             />
           </View>
           <SubmitButton title="Enviar" style={{ marginBottom: 100 }} />
@@ -148,7 +149,6 @@ const styles = StyleSheet.create({
     fontWeight: "bold",
     textAlign: "left",
     color: colors.lightBlue,
-    marginBottom: 5,
   },
 });
 
diff --git a/src/app/screens/RainSharingDataScreen.js b/src/app/screens/RainSharingDataScreen.js
index d4841e3..805d84b 100644
--- a/src/app/screens/RainSharingDataScreen.js
+++ b/src/app/screens/RainSharingDataScreen.js
@@ -161,14 +161,16 @@ function RainSharingDataScreen(props) {
               </TouchableOpacity>
             </View>
           </View>
-
-          <FormField
-            maxLength={255}
-            multiline
-            name="description"
-            numberOfLines={3}
-            placeholder="Descrição"
-          />
+          <View style={{ flex: 1 }}>
+            <Text style={styles.labelStyle}>Comentário:</Text>
+            <FormField
+              maxLength={255}
+              multiline
+              name="description"
+              numberOfLines={3}
+              placeholder="Escreva um comentário (Opcional)..."
+            />
+          </View>
           <SubmitButton title="Enviar" backgroundColor={colors.primary} />
         </Form>
       </ScrollView>
@@ -197,6 +199,12 @@ const styles = StyleSheet.create({
     fontSize: dimensions.text.default,
     color: colors.danger,
   },
+  labelStyle: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "left",
+    color: colors.lightBlue,
+  },
 });
 
 export default RainSharingDataScreen;
diff --git a/src/app/screens/RiverFloodSharingDataScreen.js b/src/app/screens/RiverFloodSharingDataScreen.js
index 18f173e..5a4a69a 100644
--- a/src/app/screens/RiverFloodSharingDataScreen.js
+++ b/src/app/screens/RiverFloodSharingDataScreen.js
@@ -40,7 +40,7 @@ function RiverFloodSharingDataScreen(props) {
     context.defaultLocation();
   }, []);
   const location = context.eventCoordinates;
-  const address  = context.eventLocation;
+  const address = context.eventLocation;
 
   const [error, setError] = useState(false);
 
@@ -131,7 +131,7 @@ function RiverFloodSharingDataScreen(props) {
               flex: 1,
               flexDirection: "column",
               justifyContent: "space-between",
-              alignContent:"flex-start",
+              alignContent: "flex-start",
             }}
           >
             {/*Data da coleta:*/}
@@ -157,14 +157,16 @@ function RiverFloodSharingDataScreen(props) {
               </TouchableOpacity>
             </View>
           </View>
-
-          <FormField
-            maxLength={255}
-            multiline
-            name="description"
-            numberOfLines={3}
-            placeholder="Descrição"
-          />
+          <View style={{ flex: 1 }}>
+            <Text style={styles.labelStyle}>Comentário:</Text>
+            <FormField
+              maxLength={255}
+              multiline
+              name="description"
+              numberOfLines={3}
+              placeholder="Escreva um comentário (Opcional)..."
+            />
+          </View>
           <SubmitButton title="Enviar" backgroundColor={colors.primary} />
         </Form>
       </KeyboardAwareScrollView>
@@ -191,6 +193,12 @@ const styles = StyleSheet.create({
   error_txt: {
     fontSize: 18,
     color: colors.danger,
+  },  
+  labelStyle: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "left",
+    color: colors.lightBlue,
   },
 });
 
diff --git a/src/app/screens/SharingFloodZonesScreen.js b/src/app/screens/SharingFloodZonesScreen.js
index 5b389be..edb7d0c 100644
--- a/src/app/screens/SharingFloodZonesScreen.js
+++ b/src/app/screens/SharingFloodZonesScreen.js
@@ -38,7 +38,7 @@ function SharingFloodZonesScreen(props) {
   const [time, setTime] = useState(moment());
 
   const context = useContext(EventLocationContext);
-  const address  = context.eventLocation;
+  const address = context.eventLocation;
 
   useEffect(() => {
     context.defaultLocation();
@@ -117,7 +117,7 @@ function SharingFloodZonesScreen(props) {
               flex: 1,
               flexDirection: "column",
               justifyContent: "space-between",
-              alignContent:"flex-start",
+              alignContent: "flex-start",
             }}
           >
             {/*Data da coleta:*/}
@@ -143,14 +143,16 @@ function SharingFloodZonesScreen(props) {
               </TouchableOpacity>
             </View>
           </View>
-
-          <FormField
-            maxLength={255}
-            multiline
-            name="description"
-            numberOfLines={3}
-            placeholder="Descrição"
-          />
+          <View style={{ flex: 1 }}>
+            <Text style={styles.labelStyle}>Comentário:</Text>
+            <FormField
+              maxLength={255}
+              multiline
+              name="description"
+              numberOfLines={3}
+              placeholder="Escreva um comentário (Opcional)..."
+            />
+          </View>
           <SubmitButton title="Enviar" backgroundColor={colors.primary} />
         </Form>
       </KeyboardAwareScrollView>
@@ -191,6 +193,12 @@ const styles = StyleSheet.create({
     fontSize: 18,
     color: colors.danger,
   },
+  labelStyle: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "left",
+    color: colors.lightBlue,
+  },
 });
 
 export default SharingFloodZonesScreen;