- Added delete button on the checked grocery items

components/pages/grocery/GroceryItem.tsx

@@ -134,6 +134,17 @@ const GroceryItem = ({
         ) : (
           !isEditingTitle &&
           (isParent || isCaregiver) && (
+              <View row>
+                {item.bought &&
+                    <AntDesign
+                      name="close"
+                      size={24}
+                      style={{ color: "grey", marginRight: 10 }}
+                      onPress={() => {
+                        handleItemApproved(item.id, { approved: false });
+                        deleteGrocery(item.id);
+                      }}/>
+                }
                 <Checkbox
                   value={item.bought}
                   containerStyle={[styles.checkbox, { borderRadius: 50 }]}
@@ -145,6 +156,7 @@ const GroceryItem = ({
                     updateGroceryItem({ id: item.id, bought: !item.bought })
                   }
                 />
+              </View>
           )
         )}
       </View>