fix checkbox status reset

Author: Marinos33

app/index.tsx

@@ -26,6 +26,9 @@ export default function HomeScreen() {
     null,
   );
   const [items, setItems] = useState<ExerciseItem[]>([]);
+  const [checkboxStatus, setCheckboxStatus] = useState<{
+    [key: number]: boolean;
+  }>({});
   const [refreshing, setRefreshing] = useState(false);
   const [loading, setLoading] = useState(false);
   const {
@@ -53,30 +56,49 @@ export default function HomeScreen() {
     if (!success) return;
 
     if (data) {
-      const exercises = data.map((item: any) => mapDbToExerciseItem(item));
+      const exercises = data.map((item: any) => {
+        const exercise = mapDbToExerciseItem(item);
+        return {
+          ...exercise,
+          Status: checkboxStatus[exercise.Id] || false,
+        };
+      });
 
       setItems(exercises);
     }
-  }, [data, success]);
+  }, [data, success, checkboxStatus]);
 
-  const handleAdd = async (item: ExerciseItem) => {
+  const handleAdd = (item: ExerciseItem) => {
     setLoading(true);
     addExercise(mapExerciseItemToDbForAdd(item));
     setLoading(false);
 
+    setItems((prevItems) => [
+      ...prevItems,
+      { ...item, Status: false }, // Add the new item with default Status
+    ]);
+
     setModalVisible(false);
   };
 
-  const handleUpdate = async (updatedItem: ExerciseItem) => {
+  const handleUpdate = (updatedItem: ExerciseItem) => {
     setLoading(true);
     updateExercise(mapExerciseItemToDbForUpdate(updatedItem));
     setLoading(false);
 
+    setItems((prevItems) =>
+      prevItems.map((item) =>
+        item.Id === updatedItem.Id
+          ? { ...updatedItem, Status: item.Status } // Preserve the existing status
+          : item,
+      ),
+    );
+
     setSelectedExercise(null);
     setUpdateModalVisible(false);
   };
 
-  const handleRemove = async (key: number) => {
+  const handleRemove = (key: number) => {
     setLoading(true);
     removeExercise(key);
     setLoading(false);
@@ -85,11 +107,10 @@ export default function HomeScreen() {
   };
 
   const handleCheckboxPress = (key: number) => {
-    setItems((prevItems) =>
-      prevItems.map((item) =>
-        item.Id === key ? { ...item, Status: !item.Status } : item,
-      ),
-    );
+    setCheckboxStatus((prevStatus) => ({
+      ...prevStatus,
+      [key]: !prevStatus[key],
+    }));
   };
 
   const handleEditPress = async (exercise: ExerciseItem) => {