add groceryContext and manipulation

2026-03-10 18:41:44 +00:00 · 2024-08-31 15:52:45 +02:00
parent 5a5215aeb4
commit f8dd152eeb
8 changed files with 328 additions and 163 deletions
--- a/contexts/GroceryContext.tsx
+++ b/contexts/GroceryContext.tsx
@ -0,0 +1,123 @@
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { createContext, useContext, useState } from "react";
+
+export enum GroceryFrequency {
+  Never = "Never",
+  Daily = "Daily",
+  Weekly = "Weekly",
+  BiWeekly = "BiWeekly",
+  Monthly = "Monthly",
+  Quarterly = "Quarterly",
+}
+
+export interface IGrocery {
+  id: number;
+  title: string;
+  category: GroceryCategory;
+  approved: boolean;
+  recurring: boolean;
+  frequency: GroceryFrequency;
+  bought: boolean;
+}
+
+export enum GroceryCategory {
+  Fruit = "Fruit",
+  Dairy = "Dairy",
+  Vegetables = "Vegetables",
+  Meat = "Meat",
+  Poultry = "Poultry",
+  Bakery = "Bakery",
+  Beverages = "Beverages",
+  Snacks = "Snacks",
+  Household = "Household",
+  PersonalCare = "Personal Care",
+  Frozen = "Frozen",
+}
+
+type MaterialIconNames = keyof typeof MaterialCommunityIcons.glyphMap;
+const iconMapping: { [key in GroceryCategory]: MaterialIconNames } = {
+  //за сад се иконице за категорију бирају одавде
+  [GroceryCategory.Fruit]: "food-apple",
+  [GroceryCategory.Dairy]: "cheese",
+  [GroceryCategory.Vegetables]: "carrot",
+  [GroceryCategory.Meat]: "food-steak",
+  [GroceryCategory.Poultry]: "food-drumstick",
+  [GroceryCategory.Bakery]: "bread-slice",
+  [GroceryCategory.Beverages]: "cup-water",
+  [GroceryCategory.Snacks]: "candy",
+  [GroceryCategory.Household]: "home",
+  [GroceryCategory.PersonalCare]: "face-man-profile",
+  [GroceryCategory.Frozen]: "snowflake",
+};
+
+interface IGroceryContext {
+    groceries: IGrocery[];
+    iconMapping: { [key in GroceryCategory]: MaterialIconNames };
+    updateGroceryItem: (id: number, changes: Partial<IGrocery>) => void;
+    isShopping: boolean;
+    setIsShopping: (value: boolean) => void;
+}
+
+const GroceryContext = createContext<IGroceryContext | undefined>(undefined);
+
+export const GroceryProvider: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const [isShopping, setIsShopping] = useState<boolean>(false);
+  const [groceries, setGroceries] = useState<IGrocery[]>([
+    {
+      id: 0,
+      title: "Carrots",
+      category: GroceryCategory.Vegetables,
+      approved: false,
+      bought: false,
+      recurring: false,
+      frequency: GroceryFrequency.Never,
+    },
+    {
+      id: 1,
+      title: "Steak",
+      category: GroceryCategory.Meat,
+      approved: true,
+      bought: false,
+      recurring: false,
+      frequency: GroceryFrequency.Never,
+    },
+    {
+      id: 2,
+      title: "Chicken Breast",
+      category: GroceryCategory.Poultry,
+      approved: true,
+      bought: false,
+      recurring: false,
+      frequency: GroceryFrequency.Never,
+    },
+    {
+      id: 3,
+      title: "Greek Yoghurt",
+      category: GroceryCategory.Dairy,
+      approved: false,
+      bought: false,
+      recurring: false,
+      frequency: GroceryFrequency.Never,
+    },
+  ]);
+
+  const updateGroceryItem = (id: number, changes: Partial<IGrocery>) => {
+    setGroceries((prevGroceries) =>
+      prevGroceries.map((grocery) =>
+        grocery.id === id ? { ...grocery, ...changes } : grocery
+      )
+    );
+  };
+
+  return (
+    <GroceryContext.Provider
+      value={{ groceries, iconMapping, updateGroceryItem, isShopping, setIsShopping }}
+    >
+      {children}
+    </GroceryContext.Provider>
+  );
+};
+
+export const useGroceryContext = () => useContext(GroceryContext)!;