From ecee34bf26aef1b61d99362f6b64d830c62aecc2 Mon Sep 17 00:00:00 2001
From: Dejan <panovskidejan@yahoo.com>
Date: Sun, 8 Dec 2024 13:05:09 +0100
Subject: [PATCH] - Added functionality to the add todo button in the groceries
 page to open a todo dialog with preselected title

---
 components/pages/grocery/GroceryList.tsx | 27 +++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/components/pages/grocery/GroceryList.tsx b/components/pages/grocery/GroceryList.tsx
index 216f71b..eb27677 100644
--- a/components/pages/grocery/GroceryList.tsx
+++ b/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>