-
-
-
+ useEffect(() => {
+ // Initialize disabled state from items already in cart
+ const map = {};
+ cartItems.forEach((i) => {
+ map[i.name] = true;
+ });
+ setDisabledItems(map);
+ }, [cartItems]);
-
-
-
- {!showCart ? (
-
+ const styleObj = {
+ backgroundColor: "#4CAF50",
+ color: "#fff!important",
+ padding: "15px",
+ display: "flex",
+ justifyContent: "space-between",
+ alignIems: "center",
+ fontSize: "20px",
+ };
+ const styleObjUl = {
+ display: "flex",
+ justifyContent: "space-between",
+ alignItems: "center",
+ width: "1100px",
+ };
+ const styleA = {
+ color: "white",
+ fontSize: "30px",
+ textDecoration: "none",
+ };
+
+ const handleHomeClick = (e) => {
+ e && e.preventDefault();
+ onHomeClick();
+ };
+
+ const handleCartClick = (e) => {
+ e && e.preventDefault();
+ setShowCart(true);
+ };
+
+ const handlePlantsClick = (e) => {
+ e && e.preventDefault();
+ setShowCart(false);
+ };
+ const handleContinueShopping = (e) => {
+ e && e.preventDefault();
+ setShowCart(false);
+ };
-
- ) : (
-
- )}
+ const handleAddToCart = (product) => {
+ dispatch(addItem(product));
+ setDisabledItems((prev) => ({ ...prev, [product.name]: true }));
+ };
+
+ return (
+
+
+
+ {!showCart ? (
+
+ {Object.keys(grouped).map((category) => (
+
+
{category}
+
+ {grouped[category].map((p) => (
+
+
+
{p.name}
+
{p.cost}
+
+
+ ))}
+
+
+ ))}
- );
+ ) : (
+
+ )}
+
+ );
}
export default ProductList;
diff --git a/vite.config.js b/vite.config.js
index 4d190ae430..02593f5af3 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,6 @@ import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
- base: "/shoppingreact",
+ base: "/e-plantShopping/",
plugins: [react()],
})
))}
-