fixing issue when retrieving user's pluviometer station

src/app/api/auth.js

@@ -35,7 +35,6 @@ function signup({
     securityanswer: secQuestionAns,
     termsofusage: consent,
     roles: role !== "" ? [role] : ["ROLE_CLIENT"],
-    pluviometer: false,
   };
 
   Object.entries(body).forEach(([key, value]) => {

src/app/hooks/usePluviometricStation.js

@@ -10,7 +10,7 @@ async function getPluvStation_data(id) {
   return null;
 }
 
-function assemblePluvStationObject(pluvData){
+function assemblePluvStationObject(pluvData) {
   var date = null;
   var time = null;
   var address = null;
@@ -18,31 +18,29 @@ function assemblePluvStationObject(pluvData){
   var institutionName = null;
 
   pluvData.array_to_json.forEach(function (field) {
-        if(field.fieldname == "eventaddress"){
+    if (field.fieldname == "eventaddress") {
       address = field.fieldsanswersvalue;
-        }
-        else if (field.fieldname == "eventdate") {
+    } else if (field.fieldname == "eventdate") {
       date = field.fieldsanswersvalue;
-        }
-        else if (field.fieldname == "eventtime") {
+    } else if (field.fieldname == "eventtime") {
       time = field.fieldsanswersvalue;
-        }
-        else if(field.fieldname== "institutename"){
+    } else if (field.fieldname == "institutename") {
       institutionName = field.fieldsanswersvalue;
-        }
-        else if(field.fieldname== "institutetype"){
+    } else if (field.fieldname == "institutetype") {
       institutionType = field.institutionType;
     }
   });
 
-    return{
+  return {
     regiterDate: date + " | " + time,
     address: address,
     institutionType: institutionType,
-        institutionName:institutionName,
-        coordinates:{lat: pluvData.formsanswerslatitude, long:pluvData.formsanswerslongitude}
-    }
-    
+    institutionName: institutionName,
+    coordinates: {
+      lat: pluvData.formsanswerslatitude,
+      long: pluvData.formsanswerslongitude,
+    },
+  };
 }
 
 async function getPluviometerStation(userId, setPluviometerStation) {
@@ -53,14 +51,12 @@ async function getPluviometerStation(userId, setPluviometerStation) {
   socketObject.onmessage = async ({ data }) => {
     const dataObject = JSON.parse(data);
     if (dataObject?.success) {
-      pluvStation_id =
-        dataObject.responseData.array_to_json[0].formsanswersid;
-      pluvStation_data = await getPluvStation_data(
-        pluvStation_id
+      pluvStation_id = dataObject.responseData.array_to_json[0].formsanswersid;
+      pluvStation_data = await getPluvStation_data(pluvStation_id);
+      const pluvObject = assemblePluvStationObject(
+        pluvStation_data.data.responseData.array_to_json[0]
       );
-      const pluvObject = assemblePluvStationObject(pluvStation_data.data.responseData.array_to_json[0])
       setPluviometerStation(pluvObject);
-
     } else {
       setPluviometerStation(false);
     }

src/app/screens/AccountScreen.js

@@ -77,7 +77,7 @@ function AccountScreen(props) {
   const isRegistered = user?.username != null;
   const [showLog, setShowLog] = useState(false);
 
-  console.log(user);
+  //console.log(user);
   const logout = () => {
     setShowLog(false)
     setUser(true);
@@ -107,7 +107,7 @@ function AccountScreen(props) {
       icon: "account",
       show: isRegistered,
       IconProvider: MaterialCommunityIcons,
-      title: "Cadastrar pluviômetro",
+      title: user.pluviometer? "Dados do pluviômetro" : "Cadastrar pluviômetro",
       onPress: () => {
         props.navigation.navigate("PluviometerRegister");
       },

src/app/screens/PluviometerRegisterScreen.js

@@ -28,8 +28,8 @@ function Institution({ user }) {
   };
 
   return (
-    <View style={{ marginBottom: 24 }}>
-      <Text style={styles.label}>Tipo de instituição: </Text>
+    <View style={{ marginBottom: 24, flex: 1 }}>
+      <Text style={styles.labelTipoInst}>Tipo de instituição: </Text>
       <View style={{ flexDirection: "row", marginTop: 16 }}>
         <FontAwesome5 name="university" size={30} color={colors.primary} />
         <Text style={styles.subText}>
@@ -74,7 +74,9 @@ function LocationPicker({
       {pluviometer && (
         <View style={{ flexDirection: "row", marginTop: 16 }}>
           <Text style={styles.subText}>
-            {pluviometer?.address ? pluviometer.address : "Erro ao carregar endereço"}
+            {pluviometer.address
+              ? pluviometer.address
+              : "Erro ao carregar endereço"}
           </Text>
         </View>
       )}
@@ -141,11 +143,13 @@ function PluvDateTimePicker({
           formTypeFace={formTypeFace}
         />
       )}
+
       {pluviometer && (
         <View
           style={{
             flexDirection: "row",
             alignItems: "center",
+            alignContent: "center",
           }}
         >
           <MaterialCommunityIcons
@@ -153,9 +157,11 @@ function PluvDateTimePicker({
             size={30}
             color={colors.primary}
           />
-          <View style={{ flexDirection: "row", marginTop: 16 }}>
-            <Text style={styles.subText}>
-              {pluviometer.regiterDate ? pluviometer.regiterDate : "Erro ao carregar a data"}
+          <View style={styles.date}>
+            <Text style={styles.subTextDate}>
+              {pluviometer.regiterDate
+                ? pluviometer.regiterDate
+                : "Erro ao carregar a data"}
             </Text>
           </View>
         </View>
@@ -209,9 +215,19 @@ function PluviometerRegisterScreen(props) {
           });
         }}
       >
-        <View style={{ padding: 6, flex: 1, flexDirection:"column" }}>
+        <View
+          style={{
+            padding: 6,
+            flex: 1,
+            flexDirection: "column",
+            justifyContent: "space-evenly",
+          }}
+        >
+          <View style={{ flex: 0.05 }}>
             <Text style={styles.title}>Cadastro do Pluviômetro</Text>
-          <View style={{flex: 0.25}}>
+          </View>
+          <View style={{ flex: 0.95, justifyContent: "space-between" }}>
+            <View style={{ flex: 0.19 }}>
               <Text
                 style={{
                   marginTop: 24,
@@ -234,7 +250,7 @@ function PluviometerRegisterScreen(props) {
                 pluviometer={user.pluviometer}
               />
             </View>
-          <View style={{flex: 0.25}}>
+            <View style={{ flex: 0.19 }}>
               <Text style={styles.label}>Endereço do pluviômetro*: </Text>
 
               <View marginBottom={24}>
@@ -247,15 +263,20 @@ function PluviometerRegisterScreen(props) {
                 />
               </View>
             </View>
-          <View style={{flex: 0.25}}>
+            <View style={{ flex: 0.38 }}>
               <Institution user={user} />
             </View>
-          <View style={{flex: 0.25}}>
+            <View style={{ flex: 0.19 }}>
               {!user.pluviometer && (
-              <SubmitButton title="Cadastrar" paddingHorizontal={0} />
+                <SubmitButton
+                  style={{ alignSelf: "" }}
+                  title="Cadastrar"
+                  paddingHorizontal={0}
+                />
               )}
             </View>
           </View>
+        </View>
       </Form>
     </View>
   );
@@ -275,6 +296,12 @@ const styles = StyleSheet.create({
     textAlign: "left",
     color: colors.secondary,
   },
+  labelTipoInst: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "left",
+    color: colors.secondary,
+  },
   subText: {
     color: colors.subText,
     fontSize: 16,
@@ -282,8 +309,14 @@ const styles = StyleSheet.create({
     fontWeight: "500",
     paddingLeft: 16,
   },
+  subTextDate: {
+    color: colors.subText,
+    fontSize: 16,
+    alignSelf: "center",
+    fontWeight: "500",
+  },
   title: {
-    marginVertical: 24,
+    //   marginVertical: 24,
     fontSize: 18,
     fontWeight: "bold",
     textAlign: "center",