- Implemented handling of repeat days change

components/pages/todos/AddChoreDialog.tsx

@@ -48,12 +48,14 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
   );
   const { width, height } = Dimensions.get("screen");
   const [points, setPoints] = useState<number>(todo.points);
+  const [selectedDays, setSelectedDays] = useState([]);
 
   const { data: members } = useGetFamilyMembers();
 
   const handleClose = () => {
     setTodo(defaultTodo);
     setSelectedAssignees([]);
+    setSelectedDays([]);
     addChoreDialogProps.setIsVisible(false);
   };
 
@@ -67,6 +69,17 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
     }
   };
 
+  const handleRepeatDaysChange = (day: string, set: boolean) => {
+    if (set) {
+      setSelectedDays((prevState) => [...prevState, day]);
+    } else {
+      const array = selectedDays;
+      let index = array.indexOf(day);
+      array.splice(index, 1);
+      setSelectedDays(array);
+    }
+  }
+
   return (
     <Dialog
       bottom={true}
@@ -110,7 +123,7 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
                 updateToDo({
                   ...todo,
                   points: points,
-                  assignees: selectedAssignees,
+                  assignees: selectedAssignees
                 });
               } else {
                 addToDo({
@@ -118,6 +131,7 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
                   done: false,
                   points: points,
                   assignees: selectedAssignees,
+                  repeatDays: selectedDays
                 });
               }
               handleClose();
@@ -199,7 +213,7 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
             ))}
           </Picker>
         </View>
-        {todo.repeatType == "Every week" && <RepeatFreq/>}
+        {todo.repeatType == "Every week" && <RepeatFreq handleRepeatDaysChange={handleRepeatDaysChange}/>}
       </View>
       <View style={styles.divider} />
 

components/pages/todos/RepeatFreq.tsx

@@ -1,7 +1,8 @@
 import { View, Text, TouchableOpacity, Picker } from "react-native-ui-lib";
 import React, { useEffect, useState } from "react";
+import {DAYS_OF_WEEK_ENUM} from "@/hooks/firebase/types/todoData";
 
-const RepeatFreq = () => {
+const RepeatFreq = ({ handleRepeatDaysChange }: { handleRepeatDaysChange: Function }) => {
   const [weeks, setWeeks] = useState<number>(1);
   const weekOptions: number[] = Array.from({ length: 52 }, (_, i) => i + 1);
 
@@ -9,21 +10,25 @@ const RepeatFreq = () => {
 
   return (
     <View row centerV spread marginR-30>
-      <RepeatOption value={"Monday"} />
-      <RepeatOption value={"Tuesday"} />
-      <RepeatOption value={"Wednesday"} />
-      <RepeatOption value={"Thirsday"} />
-      <RepeatOption value={"Friday"} />
-      <RepeatOption value={"Saturday"} />
-      <RepeatOption value={"Sunday"} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.MONDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.TUESDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.WEDNESDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.THURSDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.FRIDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.SATURDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
+      <RepeatOption value={DAYS_OF_WEEK_ENUM.SUNDAY} handleRepeatDaysChange={handleRepeatDaysChange} />
     </View>
   );
 };
 
 export default RepeatFreq;
 
-const RepeatOption = ({ value }: { value: string }) => {
+const RepeatOption = ({ value, handleRepeatDaysChange }: { value: string, handleRepeatDaysChange: Function }) => {
   const [isSet, setisSet] = useState(false);
+
+  useEffect(() => {
+      handleRepeatDaysChange(value, isSet);
+  }, [isSet])
   return (
     <TouchableOpacity onPress={() => setisSet(!isSet)}>
       <View

hooks/firebase/types/todoData.ts

@@ -11,4 +11,15 @@ export interface IToDo {
   creatorId?: string;
   familyId?: string;
   assignees?: string[]; // Optional list of assignees
+  connectedTodoId?: string;
+}
+
+export const DAYS_OF_WEEK_ENUM = {
+  MONDAY: "Monday",
+  TUESDAY: "Tuesday",
+  WEDNESDAY: "Wednesday",
+  THURSDAY: "Thursday",
+  FRIDAY: "Friday",
+  SATURDAY: "Saturday",
+  SUNDAY: "Sunday"
 }