From 22d3bddc40e98d0a12f28fc9c37c8eb445510809 Mon Sep 17 00:00:00 2001 From: 0MeMo07 Date: Mon, 12 Feb 2024 14:51:52 +0300 Subject: [PATCH] Cart added --- favicon.ico | Bin 3870 -> 0 bytes logo192.png | Bin 5347 -> 0 bytes logo512.png | Bin 9664 -> 0 bytes src/app/Cart.jsx | 175 +++++++++++++++++++++---- src/app/Favorites.jsx | 46 ++++++- src/assets/CartEmpty.png | Bin 0 -> 16879 bytes src/components/CartProductNotFound.jsx | 15 +++ src/components/Product.jsx | 68 +++++++++- src/css/Cart.css | 15 ++- src/css/CartProductNotFound.css | 29 ++++ 10 files changed, 315 insertions(+), 33 deletions(-) delete mode 100644 favicon.ico delete mode 100644 logo192.png delete mode 100644 logo512.png create mode 100644 src/assets/CartEmpty.png create mode 100644 src/components/CartProductNotFound.jsx create mode 100644 src/css/CartProductNotFound.css diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index a11777cc471a4344702741ab1c8a588998b1311a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3870 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/logo192.png b/logo192.png deleted file mode 100644 index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5347 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 b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN diff --git a/src/app/Cart.jsx b/src/app/Cart.jsx index 7fecf57..81d6ea0 100644 --- a/src/app/Cart.jsx +++ b/src/app/Cart.jsx @@ -1,5 +1,7 @@ -import React, { useState } from 'react'; - +import React, { useState, useEffect } from 'react'; +import CartProductNotFound from '../components/CartProductNotFound'; +import { Link } from 'react-router-dom'; +import { BsCircleFill, BsChevronCompactRight, BsChevronCompactLeft } from "react-icons/bs"; import '../css/Cart.css' export default function Cart() { @@ -11,6 +13,124 @@ export default function Cart() { // }, 0) // ); // }, [basket]); + + + const [ProductCount, setProductCount] = useState(0); + const [products, setProducts] = useState([]); + const [productDetails, setProductDetails] = useState([]); + useEffect(() => { + const ProductCount = JSON.parse(localStorage.getItem('Products')) || []; + setProductCount(ProductCount.length); + }, []); + + useEffect(() => { + const fetchData = async () => { + try { + const response = await fetch("https://dummyjson.com/products"); + const result = await response.json(); + if (result && Array.isArray(result.products)) { + setProducts(result.products); + } + } catch (error) { + console.error('Error fetching data:', error); + } + }; + + fetchData(); + }, []); + + useEffect(() => { + const fetchProductDetails = async () => { + const ProductIds = JSON.parse(localStorage.getItem('Products')) || []; + const productsDetails = []; + + for (const productInfo of ProductIds) { + const productId = productInfo.id; + const productQuantity = productInfo.quantity; + const product = products.find(product => product.id === productId); + + if (product) { + const productDetail = { + thumbnail: product.thumbnail, + price: product.price, + title: product.title, + description: product.description, + id: product.id, + quantity: productQuantity, + }; + productsDetails.push(productDetail); + } + } + + setProductDetails(productsDetails); + }; + + fetchProductDetails(); + }, [products]); + + const DeleteProduct = (productId) => { + const DeleteProducts = JSON.parse(localStorage.getItem('Products')) || []; + const updatedFavorites = DeleteProducts.filter((product) => product.id !== productId); + localStorage.setItem('Products', JSON.stringify(updatedFavorites)); + setProductDetails(prevDetails => prevDetails.filter(product => product.id !== productId)); + setProductCount(prevCount => prevCount - 1); + }; + + const AddQuantity = (productId) => { + const productsInLocalStorage = JSON.parse(localStorage.getItem('Products')) || []; + const productIndex = productsInLocalStorage.findIndex(product => product.id === productId); + if (productIndex !== -1 && productsInLocalStorage[productIndex].quantity > 0) { + productsInLocalStorage[productIndex].quantity += 1; + + localStorage.setItem('Products', JSON.stringify(productsInLocalStorage)); + + const updatedProductDetails = productDetails.map(product => { + if (product.id === productId) { + return { + ...product, + quantity: product.quantity + 1 + }; + } + return product; + }); + + setProductDetails(updatedProductDetails); + } + }; + + const RemoveQuantity = (productId) => { + const productsInLocalStorage = JSON.parse(localStorage.getItem('Products')) || []; + const productIndex = productsInLocalStorage.findIndex(product => product.id === productId); + + if (productIndex !== -1 && productsInLocalStorage[productIndex].quantity > 0) { + productsInLocalStorage[productIndex].quantity -= 1; + + if (productsInLocalStorage[productIndex].quantity === 0) { + const updatedProductsInLocalStorage = productsInLocalStorage.filter(product => product.id !== productId); + localStorage.setItem('Products', JSON.stringify(updatedProductsInLocalStorage)); + + const updatedProductDetails = productDetails.filter(product => product.id !== productId); + setProductDetails(updatedProductDetails); + setProductCount(prevCount => prevCount - 1); + } else { + localStorage.setItem('Products', JSON.stringify(productsInLocalStorage)); + + const updatedProductDetails = productDetails.map(product => { + if (product.id === productId) { + return { + ...product, + quantity: product.quantity - 1 + }; + } + return product; + }); + setProductDetails(updatedProductDetails); + } + } + }; + + + return ( <> @@ -23,39 +143,40 @@ export default function Cart() {
- - Continue Shopping + + + Continue Shopping +
-
Shopping cart
+
Shopping Favorites
- You have 4 items in your cart -
- Sort by: -
- price - -
-
+ You have {ProductCount} items in your Favorites + {ProductCount === 0 && }
- {/* Repeat this block for each item in the cart */} -
-
- Product -
- Iphone 11 pro - 256GB, Navy Blue + {productDetails.map((product, index) => ( +
+
+
+ {`${index}`} +
+ {product.title} + {product.description} +
+
+
+ ${product.price} + + RemoveQuantity(product.id)} id="Leftİcon"/> + {product.quantity} + AddQuantity(product.id)} id="Rightİcon"/> + + DeleteProduct(product.id)}>
-
-
- 2 - $900 -
- {/* Repeat block end */} - + ))}
diff --git a/src/app/Favorites.jsx b/src/app/Favorites.jsx index 60a582a..5ef7124 100644 --- a/src/app/Favorites.jsx +++ b/src/app/Favorites.jsx @@ -6,7 +6,7 @@ import Button from "@mui/material/Button"; import '../css/Favorites.css' import '../css/Routes.css'; -export default function Favorites() { +export default function Favorites({ product, total, money, basket, setBasket, value }) { const [favoritesCount, setFavoritesCount] = useState(0); const [products, setProducts] = useState([]); const [productDetails, setProductDetails] = useState([]); @@ -60,6 +60,49 @@ export default function Favorites() { setFavoritesCount(prevCount => prevCount - 1); }; + const addBasket = () => { + const checkBasket = basket.find((item) => item.id === product.id); + if (checkBasket) { + checkBasket.amount += 1; + setBasket([ + ...basket.filter((item) => item.id !== product.id), + checkBasket, + ]); + } else { + setBasket([ + ...basket, + { + id: product.id, + amount: 1, + }, + ]); + } + + }; + const [ProductItem, setProductItem] = useState(checkIfProduct()); + + function checkIfProduct(productİtemId){ + const ProductsItems = JSON.parse(localStorage.getItem('Products')) || []; + return ProductsItems.includes(productİtemId) + } + + const toggleProduct = (productId) => { + let ProductItems = JSON.parse(localStorage.getItem('Products')) || []; + + const productIndex = ProductItems.findIndex(item => item.id === productId); + + if (productIndex === -1) { + + ProductItems.push({ id: productId, quantity: 1 }); + } else { + + ProductItems[productIndex].quantity += 1; + } + + localStorage.setItem('Products', JSON.stringify(ProductItems)); + setProductItem(!ProductItem); + + }; return ( <> @@ -90,6 +133,7 @@ export default function Favorites() {
${product.price} + DeleteFavorite(product.id)}>
diff --git a/src/assets/CartEmpty.png b/src/assets/CartEmpty.png new file mode 100644 index 0000000000000000000000000000000000000000..f691b57e9d066faf5228a619a6db19350266a591 GIT binary patch literal 16879 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 + Empty +

Oops!

+

Your Cart list is empty.

+

Why not add some items to your Cart?

+
+ ); +} + +export default CartProductNotFound; \ No newline at end of file diff --git a/src/components/Product.jsx b/src/components/Product.jsx index 9265bc5..a3f1a98 100644 --- a/src/components/Product.jsx +++ b/src/components/Product.jsx @@ -68,8 +68,67 @@ const HeartIcon = styled(IoIosHeart)` // `; function Product({ product, total, money, basket, setBasket, value }) { - const basketItem = basket.find((item) => item.id === product.id); + const [ProductItem, setProductItem] = useState(checkIfProduct(product.id)); + + function checkIfProduct(productİtemId){ + const ProductsItems = JSON.parse(localStorage.getItem('Products')) || []; + return ProductsItems.includes(productİtemId) + } + + const toggleProduct = () => { + const productId = product.id; + let ProductItems = JSON.parse(localStorage.getItem('Products')) || []; + + const productIndex = ProductItems.findIndex(item => item.id === productId); + + if (productIndex === -1) { + + ProductItems.push({ id: productId, quantity: 1 }); + } else { + + ProductItems[productIndex].quantity += 1; + } + + localStorage.setItem('Products', JSON.stringify(ProductItems)); + setProductItem(!ProductItem); + + toast.success('Product successfully added to cart', { + style: { + boxShadow: 'none', + }, + }); + }; + const basketItem = basket.find((item) => item.id === product.id) || []; + + const [productDetails, setProductDetails] = useState([]); + const [productsCount, setProductsCount] = useState(0); + + const DeleteProduct = (productId) => { + const DeleteProducts = JSON.parse(localStorage.getItem('Products')) || []; + let updatedFavorites = [...DeleteProducts]; + let shouldRemoveProduct = false; + + updatedFavorites = updatedFavorites.map(product => { + if (product.id === productId) { + product.quantity -= 1; + if (product.quantity === 0) { + shouldRemoveProduct = true; + } + } + return product; + }); + + if (shouldRemoveProduct) { + updatedFavorites = updatedFavorites.filter(product => product.id !== productId); + } + + localStorage.setItem('Products', JSON.stringify(updatedFavorites)); + setProductDetails(updatedFavorites); + }; + + + const addBasket = () => { const checkBasket = basket.find((item) => item.id === product.id); if (checkBasket) { @@ -88,10 +147,12 @@ function Product({ product, total, money, basket, setBasket, value }) { ]); } setTimeout(() => { + console.log(basket) toast.success('The product has been successfully added to the cart', { style: { boxShadow: 'none', }, + }); }, 0); }; @@ -186,8 +247,7 @@ function Product({ product, total, money, basket, setBasket, value }) {