From b24cc5b8f17adecea5bd68bbcef7c352eb5315c2 Mon Sep 17 00:00:00 2001
From: Agustinefe <56854562+Agustinefe@users.noreply.github.com>
Date: Sat, 15 Jun 2024 16:37:07 -0300
Subject: [PATCH] Show delete sensor option when user has one (#37)

---
 hanagotchi-app/src/screens/SettingsScreen.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/hanagotchi-app/src/screens/SettingsScreen.tsx b/hanagotchi-app/src/screens/SettingsScreen.tsx
index e218cbf..8a254b2 100644
--- a/hanagotchi-app/src/screens/SettingsScreen.tsx
+++ b/hanagotchi-app/src/screens/SettingsScreen.tsx
@@ -28,13 +28,13 @@ const SettingsScreen: React.FC<SettingsScreenProps> = ({navigation}) => {
         [],
         [myPlants]
     );
-    const [hasDevicePlants, setHasDevicePlants] = useState<boolean>(false);
+    const [somePlantHasSensor, setSomePlantHasSensor] = useState<boolean>(false);
     const [allPlantsHaveSensor, setAllPlantsHaveSensor] = useState<boolean>(true);
 
     useEffect(() => {
         if (myPlants && myPlants.length > 0) {
             const filteredPlants = myPlants.filter((plant) => devicePlants!.some((it) => it.id_plant === plant.id));
-            setHasDevicePlants(filteredPlants.length > 0);
+            setSomePlantHasSensor(filteredPlants.length > 0);
             setAllPlantsHaveSensor(myPlants.length === filteredPlants.length)
         }
     }, [myPlants, devicePlants]);
@@ -71,16 +71,18 @@ const SettingsScreen: React.FC<SettingsScreenProps> = ({navigation}) => {
                     <Text style={style.text}>Eliminar planta</Text>
                     <Icon source={chevronRight} size={23}/>
                 </Pressable>
-                {!allPlantsHaveSensor && <>
+                {!allPlantsHaveSensor &&
                     <Pressable style={style.item} onPress={() => navigation.navigate("AddSensor")}>
                         <Text style={style.text}>Agregar sensor</Text>
                         <Icon source={chevronRight} size={23}/>
                     </Pressable>
-                    {hasDevicePlants && <Pressable style={style.item} onPress={() => navigation.navigate("DeleteSensor")}>
+                }
+                {somePlantHasSensor && 
+                    <Pressable style={style.item} onPress={() => navigation.navigate("DeleteSensor")}>
                         <Text style={style.text}>Eliminar sensor</Text>
                         <Icon source={chevronRight} size={23}/>
-                    </Pressable>}
-                </>}
+                    </Pressable>
+                }
             </>
             }
         </View>