- Added functionality to the add todo button in the groceries page to open a todo dialog with preselected title

components/pages/grocery/GroceryList.tsx

@@ -8,7 +8,21 @@ import {AntDesign} from "@expo/vector-icons";
 import EditGroceryItem from "./EditGroceryItem";
 import {ProfileType, useAuthContext} from "@/contexts/AuthContext";
 import {IGrocery} from "@/hooks/firebase/types/groceryData";
-import AddPersonIcon from "@/assets/svgs/AddPersonIcon";
+import Ionicons from '@expo/vector-icons/Ionicons';
+import AddChoreDialog from "@/components/pages/todos/AddChoreDialog";
+import {REPEAT_TYPE} from "@/hooks/firebase/types/todoData";
+import {ToDosContextProvider} from "@/contexts/ToDosContext";
+
+const shoppingTodo = {
+    id: "",
+    title: "Go shopping",
+    points: 10,
+    date: new Date(),
+    rotate: false,
+    repeatType: REPEAT_TYPE.NONE,
+    assignees: [],
+    repeatDays: []
+};
 
 const GroceryList = ({onInputFocus}: {onInputFocus: (y: number) => void}) => {
     const {
@@ -34,6 +48,7 @@ const GroceryList = ({onInputFocus}: {onInputFocus: (y: number) => void}) => {
 
     const [pendingVisible, setPendingVisible] = useState<boolean>(true);
     const [approvedVisible, setApprovedVisible] = useState<boolean>(true);
+    const [choreDialogVisible, setChoreDialogVisible] = useState<boolean>(false);
 
     // Group approved groceries by category
     const approvedGroceriesByCategory = approvedGroceries?.reduce(
@@ -120,9 +135,15 @@ const GroceryList = ({onInputFocus}: {onInputFocus: (y: number) => void}) => {
                             {pendingGroceries?.length} pending
                         </Text>
                     </View>
-                    <TouchableOpacity>
-                        <AddPersonIcon width={24}/>
+                    <TouchableOpacity onPress={() => setChoreDialogVisible(true)}>
+                        <Ionicons name="person-add-outline" size={24} color="grey" />
                     </TouchableOpacity>
+                    <ToDosContextProvider>
+                        {choreDialogVisible && <AddChoreDialog
+                            isVisible={choreDialogVisible}
+                            setIsVisible={setChoreDialogVisible}
+                            selectedTodo={shoppingTodo} /> }
+                    </ToDosContextProvider>
                 </View>
             </HeaderTemplate>