From 246ce762d6a98854be65ce8e62f133d82e5d6683 Mon Sep 17 00:00:00 2001
From: analuizaff <nanaluff@hotmail.com>
Date: Mon, 8 Mar 2021 18:05:36 -0300
Subject: [PATCH] adding description field to pluviometer form screen

---
 src/app/components/forms/FormImagePicker.js   |  1 -
 src/app/config/colors.js                      |  1 +
 src/app/database/databaseLoader.js            |  5 +++--
 src/app/database/db.js                        |  3 ++-
 .../screens/PluviometerSharingDataScreen.js   | 20 +++++++++++++++----
 5 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/app/components/forms/FormImagePicker.js b/src/app/components/forms/FormImagePicker.js
index 1e56733..483006e 100644
--- a/src/app/components/forms/FormImagePicker.js
+++ b/src/app/components/forms/FormImagePicker.js
@@ -24,7 +24,6 @@ function FormImagePicker({ name }) {
 
   return (
     <View>
-      <Text style={styles.labelStyle}>Imagens: </Text>
       <ImageInputList
         imageUris={imageUris}
         onAddImage={handleAdd}
diff --git a/src/app/config/colors.js b/src/app/config/colors.js
index 203a75b..53a868f 100644
--- a/src/app/config/colors.js
+++ b/src/app/config/colors.js
@@ -10,4 +10,5 @@ export default {
   lightGray: "#C4C4C4",
   gray: "gray",
   lightestGray: "#F0F0F0",
+  lightBlue:"#1976D2"
 };
diff --git a/src/app/database/databaseLoader.js b/src/app/database/databaseLoader.js
index c8617a8..97bafbf 100644
--- a/src/app/database/databaseLoader.js
+++ b/src/app/database/databaseLoader.js
@@ -39,8 +39,8 @@ function insertFloodZone({ images, description, passable, location, date, time,
   transaction(global.userDataBase, query, values);
 }
 
-function insertPluviometerData({ pluviometer, images, dateTime, time, location, address }) {
-  const query = `INSERT INTO Pluviometer(Date, Images, Latitude, Longitude, Precipitation, Address) VALUES(?, ?, ?, ?, ?, ?);`;
+function insertPluviometerData({ pluviometer, description, images, dateTime, time, location, address }) {
+  const query = `INSERT INTO Pluviometer(Date, Images, Latitude, Longitude, Precipitation, Address, Description) VALUES(?, ?, ?, ?, ?, ?, ?);`;
 
   if (location === undefined) {
     console.debug("undefined location");
@@ -54,6 +54,7 @@ function insertPluviometerData({ pluviometer, images, dateTime, time, location,
     parseFloat(location["longitude"]),
     parseFloat(pluviometer),
     address,
+    description,
   ];
 
   transaction(global.userDataBase, query, values);
diff --git a/src/app/database/db.js b/src/app/database/db.js
index daf4414..53dbeba 100644
--- a/src/app/database/db.js
+++ b/src/app/database/db.js
@@ -20,7 +20,8 @@ const init_queries = [
         Longitude real NOT NULL,
         Precipitation real NOT NULL,
         Time text,
-        Address text
+        Address text,
+        Description text
    );`,
       `CREATE TABLE IF NOT EXISTS RainLevel (
         Id integer PRIMARY KEY autoincrement,
diff --git a/src/app/screens/PluviometerSharingDataScreen.js b/src/app/screens/PluviometerSharingDataScreen.js
index 0bac9c6..6e33a5a 100644
--- a/src/app/screens/PluviometerSharingDataScreen.js
+++ b/src/app/screens/PluviometerSharingDataScreen.js
@@ -30,16 +30,19 @@ const validationSchema = Yup.object().shape({
     .label("pluviometer"),
   //data: Yup.string().required("Campo obrigatório. Por favor, selecione a data"),
   images: Yup.array(),
+  description: Yup.string().label("Description"),
 });
 
 function PluviometerSharingDataScreen(props) {
   const context = useContext(EventLocationContext);
 
+  const amount = 2;
+
   useEffect(() => {
     context.defaultLocation();
   }, []);
   const location = context.eventCoordinates;
-  const address  = context.eventLocation;
+  const address = context.eventLocation;
 
   const [dateTime, setDateTime] = useState(moment());
   const [time, setTime] = useState(moment());
@@ -51,6 +54,7 @@ function PluviometerSharingDataScreen(props) {
           initialValues={{
             pluviometer: "",
             images: [],
+            description: "",
           }}
           onSubmit={(values) => {
             insertPluviometerData({ ...values, dateTime, time, location, address });
@@ -85,7 +89,7 @@ function PluviometerSharingDataScreen(props) {
               flex: 1,
               flexDirection: "row",
               justifyContent: "space-between",
-              alignContent:"flex-start",
+              alignContent: "flex-start",
             }}
           >
             {/*Data da coleta:*/}
@@ -115,7 +119,15 @@ function PluviometerSharingDataScreen(props) {
               </TouchableOpacity>
             </View>
           </View>
-
+          <View>
+            <FormField
+              maxLength={255}
+              multiline
+              name="description"
+              numberOfLines={3}
+              placeholder="Descrição"
+            />
+          </View>
           <SubmitButton title="Enviar" style={{ marginBottom: 100 }} />
           <View style={{ flex: 1 }}></View>
         </Form>
@@ -139,7 +151,7 @@ const styles = StyleSheet.create({
     fontSize: dimensions.text.secondary,
     fontWeight: "bold",
     textAlign: "left",
-    color: colors.primary,
+    color: colors.lightBlue,
     marginBottom: 5,
   },
 });