cartcontext

src/context/CartContextProvider.tsx

@@ -0,0 +1,43 @@
+import React, { createContext, useState } from 'react';
+
+import { Produts } from '../types/products.types';
+
+type CartContextType = {
+    userCart: Produts[];
+    addProduts: (id: number) => void;
+    removeProduts: (id: number) => void;
+    removeAll: () => void;
+    shop: Produts[];
+};
+
+type CartProps = {
+    children: React.ReactNode;
+};
+
+export const CartContext = createContext({} as CartContextType);
+
+const CartContextProvider = ({ children }: CartProps) => {
+
+    const [userCart, setUserCart] = useState<Produts[]>([]);
+    const [shop, setShop] = useState<Produts[]>([]);
+
+    const addProduts = (id: number) => {
+
+    };
+
+    const removeProduts = (id: number) => {
+
+    };
+
+    const removeAll = () => {
+
+    };
+
+    return (
+        <CartContext.Provider value={{removeAll, addProduts, removeProduts,shop, userCart }}>
+            {children}
+        </CartContext.Provider>
+    );
+};
+
+export default CartContextProvider;

src/types/products.types.ts

@@ -0,0 +1,12 @@
+export type Produts = {
+    id: number;
+    title: string;
+    price: number;
+    description: string;
+    category: string;
+    image: string;
+    rating: {
+        rate: number;
+        count: number;
+    }
+};