From c6711134a97873a7964aeb61ef34e048e6c2f5f8 Mon Sep 17 00:00:00 2001 From: Juan perri <111884460+perrijuan@users.noreply.github.com> Date: Thu, 2 Jan 2025 17:58:51 -0300 Subject: [PATCH 1/3] Delete public directory --- public/vite.svg | 1 - 1 file changed, 1 deletion(-) delete mode 100644 public/vite.svg diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb1b..000000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From 4a78a22b7e617e2e744467f8979e004164c711a6 Mon Sep 17 00:00:00 2001 From: Juan perri <111884460+perrijuan@users.noreply.github.com> Date: Thu, 2 Jan 2025 17:59:01 -0300 Subject: [PATCH 2/3] Delete src directory --- src/AboutUs.css | 33 ----- src/AboutUs.jsx | 32 ----- src/App.css | 147 ---------------------- src/App.jsx | 45 ------- src/CartItem.css | 243 ------------------------------------- src/CartItem.jsx | 68 ----------- src/CartSlice.jsx | 23 ---- src/ProductList.css | 252 -------------------------------------- src/ProductList.jsx | 281 ------------------------------------------- src/assets/react.svg | 1 - src/index.css | 0 src/main.jsx | 13 -- src/store.js | 8 -- 13 files changed, 1146 deletions(-) delete mode 100644 src/AboutUs.css delete mode 100644 src/AboutUs.jsx delete mode 100644 src/App.css delete mode 100644 src/App.jsx delete mode 100644 src/CartItem.css delete mode 100644 src/CartItem.jsx delete mode 100644 src/CartSlice.jsx delete mode 100644 src/ProductList.css delete mode 100644 src/ProductList.jsx delete mode 100644 src/assets/react.svg delete mode 100644 src/index.css delete mode 100644 src/main.jsx delete mode 100644 src/store.js diff --git a/src/AboutUs.css b/src/AboutUs.css deleted file mode 100644 index ab682db24..000000000 --- a/src/AboutUs.css +++ /dev/null @@ -1,33 +0,0 @@ -.about-us-container { - width: 1000px; - /* margin: 0 auto; */ - /* padding: 20px; */ - /* background-color: red; */ - text-align: justify; - } - - .about-us-heading { - font-size: 32px; - font-weight: bold; - color: #333; - margin-bottom: 20px; - } - - .about-us-description { - font-size: 18px; - color: #666; - margin-bottom: 30px; - text-align: center; - } - - .about-us-content { - font-size: 18px; - margin-bottom: 20px; - } - .plant_logo_right{ - text-align: right; - } - - .plant_logo_left{ - text-align: left; - } \ No newline at end of file diff --git a/src/AboutUs.jsx b/src/AboutUs.jsx deleted file mode 100644 index 2341581c5..000000000 --- a/src/AboutUs.jsx +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react'; -import './AboutUs.css'; - -function AboutUs() { - return ( -
- {/*

About Us

*/} -

Welcome to Paradise Nursery, where green meets serenity!

-

- At Paradise Nursery, we are passionate about bringing nature closer to you. Our mission is to provide a wide range of - high-quality plants that not only enhance the beauty of your surroundings but also contribute to a healthier and - more sustainable lifestyle. From air-purifying plants to aromatic fragrant ones, we have something for every - plant enthusiast. -

- {/*

*/} -

- Our team of experts is dedicated to ensuring that each plant meets our strict standards of quality and care. - Whether you're a seasoned gardener or just starting your green journey, we're here to support you every step of - the way. Feel free to explore our collection, ask questions, and let us help you find the perfect plant for your - home or office. -

- {/*

*/} - -

- Join us in our mission to create a greener, healthier world. Visit Paradise Nursery today and experience the - beauty of nature right at your doorstep. -

-
- ); -} - -export default AboutUs; diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 88bb5690e..000000000 --- a/src/App.css +++ /dev/null @@ -1,147 +0,0 @@ -/* LandingPage.css */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - overflow: hidden; -} - -.landing-page { - position: relative; - width: 100vw; - height: 100vh; - background-color: #f8f8f8; -} - -.background-image { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url('https://cdn.pixabay.com/photo/2017/07/13/08/59/greenhouse-2499758_1280.jpg'); - background-size: 100% 100%; - background-position: center; - filter: brightness(0.8); -} -.content { - display: flex; - align-items: center; - justify-content: center; - height: 100vh; - width: 100vw; - top: 100px; - backdrop-filter: blur(4px); - background-color: rgba(0,0,0,0.5); - gap: 20px; -} - -.landing_content { - margin-top: 430px; - margin-left: 100px; - transform: translate(-50%, -50%); - z-index: 1; - text-align: center; - /* background-color: red; */ - width: 400px; - height: 400px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - gap: 10px; -} - -.content p, -.content h1 { - color: white; -} - -.content h1 { - font-size: 48px; - margin-bottom: 10px; -} - -.content p { - font-size: 25px; -} - -.divider { - width: 50px; - height: 2px; - background-color: #4caf50; - margin: 10px 0; -} - -.get-started-button { - padding: 15px 25px; - font-size: 23px; - border: none; - border-radius: 5px; - background-color: #4caf50; - color: white; - cursor: pointer; - transition: background-color 0.3s ease; - margin-top: 40px; -} - -.get-started-button:hover { - background-color: #45a049; -} - -/* ProductList.css */ - -.product-list-container { - position: absolute; - overflow-x: hidden; - top: 100vh; - /* Initially off-screen */ - left: 0; - width: 100%; - height: 100vh; - background-color: rgba(255, 255, 255, 0.9); - /* Adjust background opacity as needed */ - transition: top 0.5s ease; - /* Smooth transition for top property */ - overflow-y: auto; - /* Enable vertical scrolling */ - z-index: 2; - /* Ensure it's above landing page content */ - backdrop-filter: blur(5px); -} - -.product-list-container.visible { - top: 0; -} -/* LandingPage.css */ -@media screen and (max-width: 768px) { - .content { - flex-direction: column; - align-items: center; - width: 100vw; - height: 100vh; - } - - .landing_content { - margin-top: 100px; /* Adjust as needed */ - margin-left: 0; - width: 80%; /* Adjust as needed */ - text-align: center; - } - - .aboutus_container { - margin-top: 20px; /* Adjust as needed */ - width: 80%; /* Adjust as needed */ - } -} - -@media screen and (max-width: 480px) { - .landing_content { - margin-top: 50px; /* Adjust as needed */ - width: 90%; /* Adjust as needed */ - } - - .aboutus_container { - width: 90%; /* Adjust as needed */ - } -} diff --git a/src/App.jsx b/src/App.jsx deleted file mode 100644 index c53954621..000000000 --- a/src/App.jsx +++ /dev/null @@ -1,45 +0,0 @@ - -import React, { useState } from 'react'; -import ProductList from './ProductList'; -import './App.css'; -import AboutUs from './AboutUs'; - -function App() { - - const [showProductList, setShowProductList] = useState(false); - - const handleGetStartedClick = () => { - setShowProductList(true); - }; - - return ( -
-
-
-
-
-

Welcome To Paradise Nursery

-
-

Where Green Meets Serenity

- - -
-
- -
-
- -
-
- -
-
- ); -} - -export default App; - - - diff --git a/src/CartItem.css b/src/CartItem.css deleted file mode 100644 index 66a6a4061..000000000 --- a/src/CartItem.css +++ /dev/null @@ -1,243 +0,0 @@ -/* CartItem.css */ -/* CartItem.css */ - -.cart-item { - display: flex; - border-bottom: 1px solid #ccc; - padding: 10px 0; - background-color: white; - width: 500px; - gap: 30px; -} - -.cart-item-image { - width: 200px; - height: 200px; - /* object-fit: contain; */ - margin-right: 20px; -} - -.cart-item-details { - flex-grow: 1; -} - -.cart-item-name { - font-weight: bold; - margin-bottom: 5px; - font-size: 25px; -} - -.cart-item-cost { - margin-bottom: 10px; - margin-top: 10px; -} - -.cart-item-quantity { - display: flex; - align-items: center; - margin-bottom: 15px; -} - -.cart-item-button { - background-color: #f0f0f0; - border: 1px solid lightgrey; - color: #333; - font-size: 18px; - cursor: pointer; - padding: 5px 10px; - margin: 0 5px; - border-radius: 5px; -} - -.cart-item-quantity-value { - font-size: 16px; - font-weight: bold; - margin: 0 10px; -} - -.cart-item-total { - font-weight: bold; -} - -.cart-item-delete { - background-color: #ff6961; - border: none; - color: #fff; - font-size: 14px; - cursor: pointer; - padding: 10px 15px; - margin-top: 10px; - border-radius: 10px; -} - -.cart-item-delete:hover { - background-color: #cc0000; -} -/* .cart-item-button-dec{ - background-color: red; -} -.cart-item-button-inc{ - background-color: green; -} */ -@media (max-width: 768px) { - .cart-item { - flex-direction: column; /* Change flex direction to stack items vertically */ - align-items: flex-start; /* Align items to the start of the container */ - width: 100%; /* Set width to full width */ - } - - .cart-item-image { - width: 100%; /* Set image width to full width */ - height: auto; /* Allow image height to adjust proportionally */ - margin-right: 0; /* Remove margin */ - margin-bottom: 10px; /* Add margin bottom for spacing */ - } - - .cart-item-details { - width: 100%; /* Set details width to full width */ - } - - .cart-item-quantity { - margin-top: 10px; /* Add margin top for spacing */ - } -} -.cart-item { - display: flex; - border-bottom: 1px solid #ccc; - padding: 10px 0; - background-color: white; - width: 500px; - gap: 30px; - } - - .cart-item-image { - width: 200px; - height: 200px; - /* object-fit: contain; */ - margin-right: 20px; - } - - .cart-item-details { - flex-grow: 1; - } - - .cart-item-name { - font-weight: bold; - margin-bottom: 5px; - font-size: 25px; - } - - .cart-item-cost { - margin-bottom: 10px; - margin-top: 10px; - } - - .cart-item-quantity { - display: flex; - align-items: center; - margin-bottom: 15px; - } - - .cart-item-button { - background-color: #f0f0f0; - border: 1px solid lightgrey; - color: #333; - font-size: 18px; - cursor: pointer; - padding: 5px 10px; - margin: 0 5px; - border-radius: 5px; - } - - .cart-item-quantity-value { - font-size: 16px; - font-weight: bold; - margin: 0 10px; - } - - .cart-item-total { - font-weight: bold; - } - - .cart-item-delete { - background-color: #ff6961; - border: none; - color: #fff; - font-size: 14px; - cursor: pointer; - padding: 10px 15px; - margin-top: 10px; - border-radius: 10px; - } - - .cart-item-delete:hover { - background-color: #cc0000; - } - /* .cart-item-button-dec{ - background-color: red; - } - .cart-item-button-inc{ - background-color: green; - } */ - @media (max-width: 768px) { - .cart-item { - flex-direction: column; /* Change flex direction to stack items vertically */ - align-items: flex-start; /* Align items to the start of the container */ - width: 100%; /* Set width to full width */ - } - - .cart-item-image { - width: 100%; /* Set image width to full width */ - height: auto; /* Allow image height to adjust proportionally */ - margin-right: 0; /* Remove margin */ - margin-bottom: 10px; /* Add margin bottom for spacing */ - } - - .cart-item-details { - width: 100%; /* Set details width to full width */ - } - - .cart-item-quantity { - margin-top: 10px; /* Add margin top for spacing */ - } - } - - - .cart-container{ - /* text-align: center; */ - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - gap: 20px; - margin-top: 20px; - } - .total_cart_amount{ - font-size: 20px; - font-weight: 900; - } -.continue_shopping_btn{ - margin-top: -50px; -} - @media (max-width: 768px) { - .cart-container { - padding: 10px; /* Reduce padding */ - } - - .total_cart_amount { - font-size: 18px; /* Reduce font size */ - } - } - - .get-started-button1 { - padding: 15px 75px; - font-size: 23px; - border: none; - border-radius: 5px; - background-color: #4caf50; - color: white; - cursor: pointer; - transition: background-color 0.3s ease; - margin-top: 40px; - } - \ No newline at end of file diff --git a/src/CartItem.jsx b/src/CartItem.jsx deleted file mode 100644 index e06317433..000000000 --- a/src/CartItem.jsx +++ /dev/null @@ -1,68 +0,0 @@ -import React from 'react'; -import { useSelector, useDispatch } from 'react-redux'; -import { removeItem, updateQuantity } from './CartSlice'; -import './CartItem.css'; - -const CartItem = ({ onContinueShopping }) => { - const cart = useSelector(state => state.cart.items); - const dispatch = useDispatch(); - - // Calculate total amount for all products in the cart - const calculateTotalAmount = () => { - - }; - - const handleContinueShopping = (e) => { - - }; - - - - const handleIncrement = (item) => { - }; - - const handleDecrement = (item) => { - - }; - - const handleRemove = (item) => { - }; - - // Calculate total cost based on quantity for an item - const calculateTotalCost = (item) => { - }; - - return ( -
-

Total Cart Amount: ${calculateTotalAmount()}

-
- {cart.map(item => ( -
- {item.name} -
-
{item.name}
-
{item.cost}
-
- - {item.quantity} - -
-
Total: ${calculateTotalCost(item)}
- -
-
- ))} -
-
-
- -
- -
-
- ); -}; - -export default CartItem; - - diff --git a/src/CartSlice.jsx b/src/CartSlice.jsx deleted file mode 100644 index 32b8761ed..000000000 --- a/src/CartSlice.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import { createSlice } from '@reduxjs/toolkit'; - -export const CartSlice = createSlice({ - name: 'cart', - initialState: { - items: [], // Initialize items as an empty array - }, - reducers: { - addItem: (state, action) => { - - }, - removeItem: (state, action) => { - }, - updateQuantity: (state, action) => { - - - }, - }, -}); - -export const { addItem, removeItem, updateQuantity } = CartSlice.actions; - -export default CartSlice.reducer; diff --git a/src/ProductList.css b/src/ProductList.css deleted file mode 100644 index 52f9c7a84..000000000 --- a/src/ProductList.css +++ /dev/null @@ -1,252 +0,0 @@ -/* Reset some default styles */ -body, h1, ul { - margin: 0; - padding: 0; -} - -/* Set a background color */ -body { - font-family: Arial, sans-serif; - background-color: #f0f0f0; -} - -/* Navbar */ -.navbar { - background-color: #4CAF50; - color: #fff!important; - padding: 15px; - display: flex; - justify-content: space-between; - align-items: center; - font-size: 20px; -} - -.navbar .ul { - display: flex; - justify-content: space-between; - align-items: center; - width: 1100px; -} - -.navbar li { - margin-right: 30px; -} - -.navbar .ul div a { - color: white; - font-size: 30px; - text-decoration: none; - -} - -/* Product Grid */ -.product-grid { - display:flex; - flex-direction: column; - width: 100vw; - align-items: center; - justify-content: center; -} -.product-list { - display: flex; - flex-wrap: wrap; - gap: 50px; - /* background-color: pink; */ - /* justify-content: space-between; */ - padding: 20px; - width: 100%; - align-items: center; - justify-content: center; -} - -/* Product Card */ -.product-card { - flex: 0 0 calc(33.33% - 20px); /* Adjust width for 3 cards per row with 20px gap */ - max-width: calc(26.33% - 20px); /* Adjust max-width for 3 cards per row with 20px gap */ - margin-bottom: 20px; - padding: 20px; - background-color: #fff; - border: 1px solid #ccc; - border-radius: 5px; - text-align: center; - position: relative; - - gap: 20px; -} - -/* Pseudo-classes - Hover effect on product button */ -.product-card:hover { - transform: scale(1.05); - transition: transform 0.3s ease-in-out; - z-index: 1; -} - -.product-title { - font-weight: bold; - margin-bottom: 10px; -} - -.product-price { - color: #e74c3c; - font-size: 1.2rem; - margin-bottom: 10px; -} - -.product-image { - max-width: 100%; - height: 200px; /* Adjust height for better consistency */ -} - -.product-button { - background-color: #e74c3c; - color: #fff; - border: none; - padding: 10px 20px; - cursor: pointer; - transition: background-color 0.3s ease-in-out; - margin-top: 10px; -} - -.product-button:hover { - background-color: #c0392b; -} - -/* Pseudo-elements - Sale badge */ -.product-card::before { - content: "SALE"; - background-color: #e74c3c; - color: #fff; - position: absolute; - top: 0; - right: 0; - padding: 5px 10px; - border-radius: 0 0 0 5px; -} -.tag_home_link{ - display: flex; - /* background-color: red; */ - flex-direction: column; - align-items: center; - justify-content: center; - margin-left: 50px; - color: white; - text-decoration: none; - font-size: 20px; -} -.tag_home_link h3{ - font-size: 30px; -} -.tag a{ - text-decoration: none; -} -.tag { - width: 400px; - display: flex; - align-items: center; - justify-content: center; -} - -.tag img { - height: 70px; - width: 70px; - border-radius: 70%; - -} - -.luxury { - display: flex; - align-items: center; - justify-content: center; - width: 650px; - font-size: 19px; -} -.cart{ - color: white; - display: flex; -} -.cart_quantity_count{ - margin-top: 16px; - /* background-color: red; */ - margin-left: 27px; - position: absolute; - font-size: 29px; - -} -.plantname_heading{ - display: flex; - align-items: center; - justify-content: center; - /* background-color: yellow; */ -} -.plant_heading{ - width: 400px; - text-align: center; - margin: 20px; - border: 1px solid rgb(5, 4, 4); - border-left: none; - border-right: none; - - -} -/* Add Media Query for responsiveness */ -@media (max-width: 768px) { - .product-card { - flex: 1 1 calc(50% - 20px); /* Adjust width for 2 cards per row with 20px gap on smaller screens */ - max-width: calc(50% - 20px); /* Adjust max-width for 2 cards per row with 20px gap on smaller screens */ - } -} -/* ProductList.css */ - -.product-button { - background-color: #4CAF50; /* Green */ - border: none; - color: white; - padding: 10px 20px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - margin: 4px 2px; - transition-duration: 0.4s; - cursor: pointer; - } - - .product-button:hover { - background-color: #45a049; - } - - .product-button.added-to-cart { - background-color: grey; /* Grey when product is added */ - } - @media (max-width: 1200px) { - .product-card { - flex: 1 1 calc(33.33% - 20px); /* Adjust width for 3 cards per row with 20px gap on medium screens */ - max-width: calc(33.33% - 20px); /* Adjust max-width for 3 cards per row with 20px gap on medium screens */ - } - } - - @media (max-width: 768px) { - .product-card { - flex: 1 1 calc(50% - 20px); /* Adjust width for 2 cards per row with 20px gap on small screens */ - max-width: calc(50% - 20px); /* Adjust max-width for 2 cards per row with 20px gap on small screens */ - } - .navbar { - flex-direction: column; /* Change flex direction to stack items vertically */ - align-items: center; /* Align items to the center of the container */ - } - - .tag { - margin-bottom: 20px; /* Add margin bottom for spacing */ - text-align: center; /* Align text to the center */ - } - - .ul { - display: flex; /* Set display to flex */ - flex-direction: column; /* Change flex direction to stack items vertically */ - gap: 10px; /* Add gap between items */ - } - - .ul div { - text-align: center; /* Align text to the center */ - } - } \ No newline at end of file diff --git a/src/ProductList.jsx b/src/ProductList.jsx deleted file mode 100644 index 964b15d49..000000000 --- a/src/ProductList.jsx +++ /dev/null @@ -1,281 +0,0 @@ -import React, { useState,useEffect } from 'react'; -import './ProductList.css' -import CartItem from './CartItem'; -function ProductList() { - const [showCart, setShowCart] = useState(false); - const [showPlants, setShowPlants] = useState(false); // State to control the visibility of the About Us page - - const plantsArray = [ - { - category: "Air Purifying Plants", - plants: [ - { - name: "Snake Plant", - image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", - description: "Produces oxygen at night, improving air quality.", - cost: "$15" - }, - { - name: "Spider Plant", - image: "https://cdn.pixabay.com/photo/2018/07/11/06/47/chlorophytum-3530413_1280.jpg", - description: "Filters formaldehyde and xylene from the air.", - cost: "$12" - }, - { - name: "Peace Lily", - image: "https://cdn.pixabay.com/photo/2019/06/12/14/14/peace-lilies-4269365_1280.jpg", - description: "Removes mold spores and purifies the air.", - cost: "$18" - }, - { - name: "Boston Fern", - image: "https://cdn.pixabay.com/photo/2020/04/30/19/52/boston-fern-5114414_1280.jpg", - description: "Adds humidity to the air and removes toxins.", - cost: "$20" - }, - { - name: "Rubber Plant", - image: "https://cdn.pixabay.com/photo/2020/02/15/11/49/flower-4850729_1280.jpg", - description: "Easy to care for and effective at removing toxins.", - cost: "$17" - }, - { - name: "Aloe Vera", - image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", - description: "Purifies the air and has healing properties for skin.", - cost: "$14" - } - ] - }, - { - category: "Aromatic Fragrant Plants", - plants: [ - { - name: "Lavender", - image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Calming scent, used in aromatherapy.", - cost: "$20" - }, - { - name: "Jasmine", - image: "https://images.unsplash.com/photo-1592729645009-b96d1e63d14b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Sweet fragrance, promotes relaxation.", - cost: "$18" - }, - { - name: "Rosemary", - image: "https://cdn.pixabay.com/photo/2019/10/11/07/12/rosemary-4541241_1280.jpg", - description: "Invigorating scent, often used in cooking.", - cost: "$15" - }, - { - name: "Mint", - image: "https://cdn.pixabay.com/photo/2016/01/07/18/16/mint-1126282_1280.jpg", - description: "Refreshing aroma, used in teas and cooking.", - cost: "$12" - }, - { - name: "Lemon Balm", - image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", - description: "Citrusy scent, relieves stress and promotes sleep.", - cost: "$14" - }, - { - name: "Hyacinth", - image: "https://cdn.pixabay.com/photo/2019/04/07/20/20/hyacinth-4110726_1280.jpg", - description: "Hyacinth is a beautiful flowering plant known for its fragrant.", - cost: "$22" - } - ] - }, - { - category: "Insect Repellent Plants", - plants: [ - { - name: "oregano", - image: "https://cdn.pixabay.com/photo/2015/05/30/21/20/oregano-790702_1280.jpg", - description: "The oregano plants contains compounds that can deter certain insects.", - cost: "$10" - }, - { - name: "Marigold", - image:"https://cdn.pixabay.com/photo/2022/02/22/05/45/marigold-7028063_1280.jpg", - description: "Natural insect repellent, also adds color to the garden.", - cost: "$8" - }, - { - name: "Geraniums", - image: "https://cdn.pixabay.com/photo/2012/04/26/21/51/flowerpot-43270_1280.jpg", - description: "Known for their insect-repelling properties while adding a pleasant scent.", - cost: "$20" - }, - { - name: "Basil", - image: "https://cdn.pixabay.com/photo/2016/07/24/20/48/tulsi-1539181_1280.jpg", - description: "Repels flies and mosquitoes, also used in cooking.", - cost: "$9" - }, - { - name: "Lavender", - image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Calming scent, used in aromatherapy.", - cost: "$20" - }, - { - name: "Catnip", - image: "https://cdn.pixabay.com/photo/2015/07/02/21/55/cat-829681_1280.jpg", - description: "Repels mosquitoes and attracts cats.", - cost: "$13" - } - ] - }, - { - category: "Medicinal Plants", - plants: [ - { - name: "Aloe Vera", - image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", - description: "Soothing gel used for skin ailments.", - cost: "$14" - }, - { - name: "Echinacea", - image: "https://cdn.pixabay.com/photo/2014/12/05/03/53/echinacea-557477_1280.jpg", - description: "Boosts immune system, helps fight colds.", - cost: "$16" - }, - { - name: "Peppermint", - image: "https://cdn.pixabay.com/photo/2017/07/12/12/23/peppermint-2496773_1280.jpg", - description: "Relieves digestive issues and headaches.", - cost: "$13" - }, - { - name: "Lemon Balm", - image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", - description: "Calms nerves and promotes relaxation.", - cost: "$14" - }, - { - name: "Chamomile", - image: "https://cdn.pixabay.com/photo/2016/08/19/19/48/flowers-1606041_1280.jpg", - description: "Soothes anxiety and promotes sleep.", - cost: "$15" - }, - { - name: "Calendula", - image: "https://cdn.pixabay.com/photo/2019/07/15/18/28/flowers-4340127_1280.jpg", - description: "Heals wounds and soothes skin irritations.", - cost: "$12" - } - ] - }, - { - category: "Low Maintenance Plants", - plants: [ - { - name: "ZZ Plant", - image: "https://images.unsplash.com/photo-1632207691143-643e2a9a9361?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", - description: "Thrives in low light and requires minimal watering.", - cost: "$25" - }, - { - name: "Pothos", - image: "https://cdn.pixabay.com/photo/2018/11/15/10/32/plants-3816945_1280.jpg", - description: "Tolerates neglect and can grow in various conditions.", - cost: "$10" - }, - { - name: "Snake Plant", - image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", - description: "Needs infrequent watering and is resilient to most pests.", - cost: "$15" - }, - { - name: "Cast Iron Plant", - image: "https://cdn.pixabay.com/photo/2017/02/16/18/04/cast-iron-plant-2072008_1280.jpg", - description: "Hardy plant that tolerates low light and neglect.", - cost: "$20" - }, - { - name: "Succulents", - image: "https://cdn.pixabay.com/photo/2016/11/21/16/05/cacti-1846147_1280.jpg", - description: "Drought-tolerant plants with unique shapes and colors.", - cost: "$18" - }, - { - name: "Aglaonema", - image: "https://cdn.pixabay.com/photo/2014/10/10/04/27/aglaonema-482915_1280.jpg", - description: "Requires minimal care and adds color to indoor spaces.", - cost: "$22" - } - ] - } - ]; - 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 handleCartClick = (e) => { - e.preventDefault(); - setShowCart(true); // Set showCart to true when cart icon is clicked -}; -const handlePlantsClick = (e) => { - e.preventDefault(); - setShowPlants(true); // Set showAboutUs to true when "About Us" link is clicked - setShowCart(false); // Hide the cart when navigating to About Us -}; - - const handleContinueShopping = (e) => { - e.preventDefault(); - setShowCart(false); - }; - return ( -
-
-
-
- - -
-

Paradise Nursery

- Where Green Meets Serenity -
- -
- -
-
-
handlePlantsClick(e)} style={styleA}>Plants
-
handleCartClick(e)} style={styleA}>

-
-
- {!showCart? ( -
- - -
- ) : ( - -)} -
- ); -} - -export default ProductList; diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9bb..000000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/index.css b/src/index.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/src/main.jsx b/src/main.jsx deleted file mode 100644 index 9ea042ec2..000000000 --- a/src/main.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import ReactDOM from 'react-dom/client' -import App from './App.jsx' -import './index.css' -import { Provider } from 'react-redux' -import store from './store.js' -ReactDOM.createRoot(document.getElementById('root')).render( - - - - - , -) diff --git a/src/store.js b/src/store.js deleted file mode 100644 index 54d0d6d66..000000000 --- a/src/store.js +++ /dev/null @@ -1,8 +0,0 @@ -import { configureStore } from '@reduxjs/toolkit'; -import cartReducer from './CartSlice'; - const store = configureStore({ - reducer: { - cart: cartReducer, - }, -}); -export default store From 8da2abdc148c8df34197611d326006f7347b7084 Mon Sep 17 00:00:00 2001 From: Juan perri <111884460+perrijuan@users.noreply.github.com> Date: Thu, 2 Jan 2025 18:00:33 -0300 Subject: [PATCH 3/3] Add files via upload --- dist/assets/index-3TtnXBFW.js | 48 +++++ dist/assets/index-DoTl-FFb.css | 1 + dist/index.html | 16 ++ dist/vite.svg | 1 + public/vite.svg | 1 + src/AboutUs.css | 33 ++++ src/AboutUs.jsx | 32 ++++ src/App.css | 147 +++++++++++++++ src/App.jsx | 45 +++++ src/CartItem.css | 243 ++++++++++++++++++++++++ src/CartItem.jsx | 131 +++++++++++++ src/CartSlice.jsx | 35 ++++ src/ProductList.css | 252 +++++++++++++++++++++++++ src/ProductList.jsx | 334 +++++++++++++++++++++++++++++++++ src/assets/react.svg | 1 + src/index.css | 0 src/main.jsx | 13 ++ src/store.js | 8 + 18 files changed, 1341 insertions(+) create mode 100644 dist/assets/index-3TtnXBFW.js create mode 100644 dist/assets/index-DoTl-FFb.css create mode 100644 dist/index.html create mode 100644 dist/vite.svg create mode 100644 public/vite.svg create mode 100644 src/AboutUs.css create mode 100644 src/AboutUs.jsx create mode 100644 src/App.css create mode 100644 src/App.jsx create mode 100644 src/CartItem.css create mode 100644 src/CartItem.jsx create mode 100644 src/CartSlice.jsx create mode 100644 src/ProductList.css create mode 100644 src/ProductList.jsx create mode 100644 src/assets/react.svg create mode 100644 src/index.css create mode 100644 src/main.jsx create mode 100644 src/store.js diff --git a/dist/assets/index-3TtnXBFW.js b/dist/assets/index-3TtnXBFW.js new file mode 100644 index 000000000..b7f97cbbf --- /dev/null +++ b/dist/assets/index-3TtnXBFW.js @@ -0,0 +1,48 @@ +function zf(e,t){for(var n=0;nr[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const o of l)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(l){const o={};return l.integrity&&(o.integrity=l.integrity),l.referrerPolicy&&(o.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?o.credentials="include":l.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(l){if(l.ep)return;l.ep=!0;const o=n(l);fetch(l.href,o)}})();function jf(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Xs={exports:{}},El={},Zs={exports:{}},O={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var cr=Symbol.for("react.element"),Rf=Symbol.for("react.portal"),Of=Symbol.for("react.fragment"),Mf=Symbol.for("react.strict_mode"),Df=Symbol.for("react.profiler"),Lf=Symbol.for("react.provider"),If=Symbol.for("react.context"),Ff=Symbol.for("react.forward_ref"),$f=Symbol.for("react.suspense"),Af=Symbol.for("react.memo"),Uf=Symbol.for("react.lazy"),Eu=Symbol.iterator;function Bf(e){return e===null||typeof e!="object"?null:(e=Eu&&e[Eu]||e["@@iterator"],typeof e=="function"?e:null)}var qs={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Js=Object.assign,bs={};function gn(e,t,n){this.props=e,this.context=t,this.refs=bs,this.updater=n||qs}gn.prototype.isReactComponent={};gn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};gn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function ea(){}ea.prototype=gn.prototype;function _i(e,t,n){this.props=e,this.context=t,this.refs=bs,this.updater=n||qs}var xi=_i.prototype=new ea;xi.constructor=_i;Js(xi,gn.prototype);xi.isPureReactComponent=!0;var Cu=Array.isArray,ta=Object.prototype.hasOwnProperty,Ei={current:null},na={key:!0,ref:!0,__self:!0,__source:!0};function ra(e,t,n){var r,l={},o=null,i=null;if(t!=null)for(r in t.ref!==void 0&&(i=t.ref),t.key!==void 0&&(o=""+t.key),t)ta.call(t,r)&&!na.hasOwnProperty(r)&&(l[r]=t[r]);var u=arguments.length-2;if(u===1)l.children=n;else if(1>>1,X=P[V];if(0>>1;Vl(Kl,j))Ptl(vr,Kl)?(P[V]=vr,P[Pt]=j,V=Pt):(P[V]=Kl,P[Ct]=j,V=Ct);else if(Ptl(vr,j))P[V]=vr,P[Pt]=j,V=Pt;else break e}}return z}function l(P,z){var j=P.sortIndex-z.sortIndex;return j!==0?j:P.id-z.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var i=Date,u=i.now();e.unstable_now=function(){return i.now()-u}}var s=[],a=[],m=1,p=null,h=3,v=!1,g=!1,w=!1,T=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function d(P){for(var z=n(a);z!==null;){if(z.callback===null)r(a);else if(z.startTime<=P)r(a),z.sortIndex=z.expirationTime,t(s,z);else break;z=n(a)}}function y(P){if(w=!1,d(P),!g)if(n(s)!==null)g=!0,Vl(k);else{var z=n(a);z!==null&&Ql(y,z.startTime-P)}}function k(P,z){g=!1,w&&(w=!1,f(x),x=-1),v=!0;var j=h;try{for(d(z),p=n(s);p!==null&&(!(p.expirationTime>z)||P&&!ye());){var V=p.callback;if(typeof V=="function"){p.callback=null,h=p.priorityLevel;var X=V(p.expirationTime<=z);z=e.unstable_now(),typeof X=="function"?p.callback=X:p===n(s)&&r(s),d(z)}else r(s);p=n(s)}if(p!==null)var yr=!0;else{var Ct=n(a);Ct!==null&&Ql(y,Ct.startTime-z),yr=!1}return yr}finally{p=null,h=j,v=!1}}var _=!1,E=null,x=-1,$=5,R=-1;function ye(){return!(e.unstable_now()-R<$)}function kn(){if(E!==null){var P=e.unstable_now();R=P;var z=!0;try{z=E(!0,P)}finally{z?_n():(_=!1,E=null)}}else _=!1}var _n;if(typeof c=="function")_n=function(){c(kn)};else if(typeof MessageChannel<"u"){var xu=new MessageChannel,Tf=xu.port2;xu.port1.onmessage=kn,_n=function(){Tf.postMessage(null)}}else _n=function(){T(kn,0)};function Vl(P){E=P,_||(_=!0,_n())}function Ql(P,z){x=T(function(){P(e.unstable_now())},z)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(P){P.callback=null},e.unstable_continueExecution=function(){g||v||(g=!0,Vl(k))},e.unstable_forceFrameRate=function(P){0>P||125V?(P.sortIndex=j,t(a,P),n(s)===null&&P===n(a)&&(w?(f(x),x=-1):w=!0,Ql(y,j-V))):(P.sortIndex=X,t(s,P),g||v||(g=!0,Vl(k))),P},e.unstable_shouldYield=ye,e.unstable_wrapCallback=function(P){var z=h;return function(){var j=h;h=z;try{return P.apply(this,arguments)}finally{h=j}}}})(ua);ia.exports=ua;var Jf=ia.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var bf=Xe,ke=Jf;function S(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Eo=Object.prototype.hasOwnProperty,ed=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Tu={},zu={};function td(e){return Eo.call(zu,e)?!0:Eo.call(Tu,e)?!1:ed.test(e)?zu[e]=!0:(Tu[e]=!0,!1)}function nd(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function rd(e,t,n,r){if(t===null||typeof t>"u"||nd(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ae(e,t,n,r,l,o,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var te={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){te[e]=new ae(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];te[t]=new ae(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){te[e]=new ae(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){te[e]=new ae(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){te[e]=new ae(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){te[e]=new ae(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){te[e]=new ae(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){te[e]=new ae(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){te[e]=new ae(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ni=/[\-:]([a-z])/g;function Ti(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Ni,Ti);te[t]=new ae(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Ni,Ti);te[t]=new ae(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ni,Ti);te[t]=new ae(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){te[e]=new ae(e,1,!1,e.toLowerCase(),null,!1,!1)});te.xlinkHref=new ae("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){te[e]=new ae(e,1,!1,e.toLowerCase(),null,!0,!0)});function zi(e,t,n,r){var l=te.hasOwnProperty(t)?te[t]:null;(l!==null?l.type!==0:r||!(2u||l[i]!==o[u]){var s=` +`+l[i].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=i&&0<=u);break}}}finally{Xl=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Rn(e):""}function ld(e){switch(e.tag){case 5:return Rn(e.type);case 16:return Rn("Lazy");case 13:return Rn("Suspense");case 19:return Rn("SuspenseList");case 0:case 2:case 15:return e=Zl(e.type,!1),e;case 11:return e=Zl(e.type.render,!1),e;case 1:return e=Zl(e.type,!0),e;default:return""}}function To(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Qt:return"Fragment";case Vt:return"Portal";case Co:return"Profiler";case ji:return"StrictMode";case Po:return"Suspense";case No:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case ca:return(e.displayName||"Context")+".Consumer";case aa:return(e._context.displayName||"Context")+".Provider";case Ri:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Oi:return t=e.displayName||null,t!==null?t:To(e.type)||"Memo";case lt:t=e._payload,e=e._init;try{return To(e(t))}catch{}}return null}function od(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return To(t);case 8:return t===ji?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function gt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function da(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function id(e){var t=da(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(i){r=""+i,o.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Sr(e){e._valueTracker||(e._valueTracker=id(e))}function pa(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=da(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Xr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function zo(e,t){var n=t.checked;return W({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ru(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=gt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function ma(e,t){t=t.checked,t!=null&&zi(e,"checked",t,!1)}function jo(e,t){ma(e,t);var n=gt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ro(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ro(e,t.type,gt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Ou(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ro(e,t,n){(t!=="number"||Xr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var On=Array.isArray;function nn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=kr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Kn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var In={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ud=["Webkit","ms","Moz","O"];Object.keys(In).forEach(function(e){ud.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),In[t]=In[e]})});function ga(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||In.hasOwnProperty(e)&&In[e]?(""+t).trim():t+"px"}function wa(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=ga(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var sd=W({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Do(e,t){if(t){if(sd[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(S(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(S(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(S(61))}if(t.style!=null&&typeof t.style!="object")throw Error(S(62))}}function Lo(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Io=null;function Mi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Fo=null,rn=null,ln=null;function Lu(e){if(e=pr(e)){if(typeof Fo!="function")throw Error(S(280));var t=e.stateNode;t&&(t=zl(t),Fo(e.stateNode,e.type,t))}}function Sa(e){rn?ln?ln.push(e):ln=[e]:rn=e}function ka(){if(rn){var e=rn,t=ln;if(ln=rn=null,Lu(e),t)for(e=0;e>>=0,e===0?32:31-(wd(e)/Sd|0)|0}var _r=64,xr=4194304;function Mn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function br(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,o=e.pingedLanes,i=n&268435455;if(i!==0){var u=i&~l;u!==0?r=Mn(u):(o&=i,o!==0&&(r=Mn(o)))}else i=n&~l,i!==0?r=Mn(i):o!==0&&(r=Mn(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,o=t&-t,l>=o||l===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function fr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Fe(t),e[t]=n}function Ed(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=$n),Vu=" ",Qu=!1;function Ba(e,t){switch(e){case"keyup":return Jd.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Wa(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Kt=!1;function ep(e,t){switch(e){case"compositionend":return Wa(t);case"keypress":return t.which!==32?null:(Qu=!0,Vu);case"textInput":return e=t.data,e===Vu&&Qu?null:e;default:return null}}function tp(e,t){if(Kt)return e==="compositionend"||!Bi&&Ba(e,t)?(e=Aa(),Ur=$i=st=null,Kt=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Xu(n)}}function Ka(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ka(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Ya(){for(var e=window,t=Xr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Xr(e.document)}return t}function Wi(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function cp(e){var t=Ya(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ka(n.ownerDocument.documentElement,n)){if(r!==null&&Wi(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,o=Math.min(r.start,l);r=r.end===void 0?o:Math.min(r.end,l),!e.extend&&o>r&&(l=r,r=o,o=l),l=Zu(n,o);var i=Zu(n,r);l&&i&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Yt=null,Ho=null,Un=null,Vo=!1;function qu(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Vo||Yt==null||Yt!==Xr(r)||(r=Yt,"selectionStart"in r&&Wi(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Un&&Jn(Un,r)||(Un=r,r=nl(Ho,"onSelect"),0Zt||(e.current=Zo[Zt],Zo[Zt]=null,Zt--)}function L(e,t){Zt++,Zo[Zt]=e.current,e.current=t}var wt={},oe=xt(wt),de=xt(!1),Lt=wt;function cn(e,t){var n=e.type.contextTypes;if(!n)return wt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},o;for(o in n)l[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function pe(e){return e=e.childContextTypes,e!=null}function ll(){F(de),F(oe)}function ls(e,t,n){if(oe.current!==wt)throw Error(S(168));L(oe,t),L(de,n)}function nc(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(S(108,od(e)||"Unknown",l));return W({},n,r)}function ol(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||wt,Lt=oe.current,L(oe,e),L(de,de.current),!0}function os(e,t,n){var r=e.stateNode;if(!r)throw Error(S(169));n?(e=nc(e,t,Lt),r.__reactInternalMemoizedMergedChildContext=e,F(de),F(oe),L(oe,e)):F(de),L(de,n)}var Ke=null,jl=!1,co=!1;function rc(e){Ke===null?Ke=[e]:Ke.push(e)}function _p(e){jl=!0,rc(e)}function Et(){if(!co&&Ke!==null){co=!0;var e=0,t=D;try{var n=Ke;for(D=1;e>=i,l-=i,Ye=1<<32-Fe(t)+l|n<x?($=E,E=null):$=E.sibling;var R=h(f,E,d[x],y);if(R===null){E===null&&(E=$);break}e&&E&&R.alternate===null&&t(f,E),c=o(R,c,x),_===null?k=R:_.sibling=R,_=R,E=$}if(x===d.length)return n(f,E),A&&Nt(f,x),k;if(E===null){for(;xx?($=E,E=null):$=E.sibling;var ye=h(f,E,R.value,y);if(ye===null){E===null&&(E=$);break}e&&E&&ye.alternate===null&&t(f,E),c=o(ye,c,x),_===null?k=ye:_.sibling=ye,_=ye,E=$}if(R.done)return n(f,E),A&&Nt(f,x),k;if(E===null){for(;!R.done;x++,R=d.next())R=p(f,R.value,y),R!==null&&(c=o(R,c,x),_===null?k=R:_.sibling=R,_=R);return A&&Nt(f,x),k}for(E=r(f,E);!R.done;x++,R=d.next())R=v(E,f,x,R.value,y),R!==null&&(e&&R.alternate!==null&&E.delete(R.key===null?x:R.key),c=o(R,c,x),_===null?k=R:_.sibling=R,_=R);return e&&E.forEach(function(kn){return t(f,kn)}),A&&Nt(f,x),k}function T(f,c,d,y){if(typeof d=="object"&&d!==null&&d.type===Qt&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case wr:e:{for(var k=d.key,_=c;_!==null;){if(_.key===k){if(k=d.type,k===Qt){if(_.tag===7){n(f,_.sibling),c=l(_,d.props.children),c.return=f,f=c;break e}}else if(_.elementType===k||typeof k=="object"&&k!==null&&k.$$typeof===lt&&ss(k)===_.type){n(f,_.sibling),c=l(_,d.props),c.ref=Tn(f,_,d),c.return=f,f=c;break e}n(f,_);break}else t(f,_);_=_.sibling}d.type===Qt?(c=Dt(d.props.children,f.mode,y,d.key),c.return=f,f=c):(y=Gr(d.type,d.key,d.props,null,f.mode,y),y.ref=Tn(f,c,d),y.return=f,f=y)}return i(f);case Vt:e:{for(_=d.key;c!==null;){if(c.key===_)if(c.tag===4&&c.stateNode.containerInfo===d.containerInfo&&c.stateNode.implementation===d.implementation){n(f,c.sibling),c=l(c,d.children||[]),c.return=f,f=c;break e}else{n(f,c);break}else t(f,c);c=c.sibling}c=wo(d,f.mode,y),c.return=f,f=c}return i(f);case lt:return _=d._init,T(f,c,_(d._payload),y)}if(On(d))return g(f,c,d,y);if(xn(d))return w(f,c,d,y);jr(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,c!==null&&c.tag===6?(n(f,c.sibling),c=l(c,d),c.return=f,f=c):(n(f,c),c=go(d,f.mode,y),c.return=f,f=c),i(f)):n(f,c)}return T}var dn=uc(!0),sc=uc(!1),sl=xt(null),al=null,bt=null,Ki=null;function Yi(){Ki=bt=al=null}function Gi(e){var t=sl.current;F(sl),e._currentValue=t}function bo(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function un(e,t){al=e,Ki=bt=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(fe=!0),e.firstContext=null)}function je(e){var t=e._currentValue;if(Ki!==e)if(e={context:e,memoizedValue:t,next:null},bt===null){if(al===null)throw Error(S(308));bt=e,al.dependencies={lanes:0,firstContext:e}}else bt=bt.next=e;return t}var Rt=null;function Xi(e){Rt===null?Rt=[e]:Rt.push(e)}function ac(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Xi(t)):(n.next=l.next,l.next=n),t.interleaved=n,be(e,r)}function be(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var ot=!1;function Zi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function cc(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ze(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function mt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,M&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,be(e,n)}return l=r.interleaved,l===null?(t.next=t,Xi(r)):(t.next=l.next,l.next=t),r.interleaved=t,be(e,n)}function Wr(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Li(e,n)}}function as(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,o=null;if(n=n.firstBaseUpdate,n!==null){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};o===null?l=o=i:o=o.next=i,n=n.next}while(n!==null);o===null?l=o=t:o=o.next=t}else l=o=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:o,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function cl(e,t,n,r){var l=e.updateQueue;ot=!1;var o=l.firstBaseUpdate,i=l.lastBaseUpdate,u=l.shared.pending;if(u!==null){l.shared.pending=null;var s=u,a=s.next;s.next=null,i===null?o=a:i.next=a,i=s;var m=e.alternate;m!==null&&(m=m.updateQueue,u=m.lastBaseUpdate,u!==i&&(u===null?m.firstBaseUpdate=a:u.next=a,m.lastBaseUpdate=s))}if(o!==null){var p=l.baseState;i=0,m=a=s=null,u=o;do{var h=u.lane,v=u.eventTime;if((r&h)===h){m!==null&&(m=m.next={eventTime:v,lane:0,tag:u.tag,payload:u.payload,callback:u.callback,next:null});e:{var g=e,w=u;switch(h=t,v=n,w.tag){case 1:if(g=w.payload,typeof g=="function"){p=g.call(v,p,h);break e}p=g;break e;case 3:g.flags=g.flags&-65537|128;case 0:if(g=w.payload,h=typeof g=="function"?g.call(v,p,h):g,h==null)break e;p=W({},p,h);break e;case 2:ot=!0}}u.callback!==null&&u.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[u]:h.push(u))}else v={eventTime:v,lane:h,tag:u.tag,payload:u.payload,callback:u.callback,next:null},m===null?(a=m=v,s=p):m=m.next=v,i|=h;if(u=u.next,u===null){if(u=l.shared.pending,u===null)break;h=u,u=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(!0);if(m===null&&(s=p),l.baseState=s,l.firstBaseUpdate=a,l.lastBaseUpdate=m,t=l.shared.interleaved,t!==null){l=t;do i|=l.lane,l=l.next;while(l!==t)}else o===null&&(l.shared.lanes=0);$t|=i,e.lanes=i,e.memoizedState=p}}function cs(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=po.transition;po.transition={};try{e(!1),t()}finally{D=n,po.transition=r}}function Nc(){return Re().memoizedState}function Pp(e,t,n){var r=yt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Tc(e))zc(t,n);else if(n=ac(e,t,n,r),n!==null){var l=ue();$e(n,e,r,l),jc(n,t,r)}}function Np(e,t,n){var r=yt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Tc(e))zc(t,l);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var i=t.lastRenderedState,u=o(i,n);if(l.hasEagerState=!0,l.eagerState=u,Ae(u,i)){var s=t.interleaved;s===null?(l.next=l,Xi(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=ac(e,t,l,r),n!==null&&(l=ue(),$e(n,e,r,l),jc(n,t,r))}}function Tc(e){var t=e.alternate;return e===B||t!==null&&t===B}function zc(e,t){Bn=dl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function jc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Li(e,n)}}var pl={readContext:je,useCallback:ne,useContext:ne,useEffect:ne,useImperativeHandle:ne,useInsertionEffect:ne,useLayoutEffect:ne,useMemo:ne,useReducer:ne,useRef:ne,useState:ne,useDebugValue:ne,useDeferredValue:ne,useTransition:ne,useMutableSource:ne,useSyncExternalStore:ne,useId:ne,unstable_isNewReconciler:!1},Tp={readContext:je,useCallback:function(e,t){return Be().memoizedState=[e,t===void 0?null:t],e},useContext:je,useEffect:ds,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Vr(4194308,4,_c.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Vr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Vr(4,2,e,t)},useMemo:function(e,t){var n=Be();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Be();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Pp.bind(null,B,e),[r.memoizedState,e]},useRef:function(e){var t=Be();return e={current:e},t.memoizedState=e},useState:fs,useDebugValue:lu,useDeferredValue:function(e){return Be().memoizedState=e},useTransition:function(){var e=fs(!1),t=e[0];return e=Cp.bind(null,e[1]),Be().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=B,l=Be();if(A){if(n===void 0)throw Error(S(407));n=n()}else{if(n=t(),q===null)throw Error(S(349));Ft&30||mc(r,t,n)}l.memoizedState=n;var o={value:n,getSnapshot:t};return l.queue=o,ds(yc.bind(null,r,o,e),[e]),r.flags|=2048,ir(9,hc.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=Be(),t=q.identifierPrefix;if(A){var n=Ge,r=Ye;n=(r&~(1<<32-Fe(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=lr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[We]=t,e[tr]=r,Uc(e,t,!1,!1),t.stateNode=e;e:{switch(i=Lo(n,r),n){case"dialog":I("cancel",e),I("close",e),l=r;break;case"iframe":case"object":case"embed":I("load",e),l=r;break;case"video":case"audio":for(l=0;lhn&&(t.flags|=128,r=!0,zn(o,!1),t.lanes=4194304)}else{if(!r)if(e=fl(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),zn(o,!0),o.tail===null&&o.tailMode==="hidden"&&!i.alternate&&!A)return re(t),null}else 2*Q()-o.renderingStartTime>hn&&n!==1073741824&&(t.flags|=128,r=!0,zn(o,!1),t.lanes=4194304);o.isBackwards?(i.sibling=t.child,t.child=i):(n=o.last,n!==null?n.sibling=i:t.child=i,o.last=i)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Q(),t.sibling=null,n=U.current,L(U,r?n&1|2:n&1),t):(re(t),null);case 22:case 23:return cu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?ve&1073741824&&(re(t),t.subtreeFlags&6&&(t.flags|=8192)):re(t),null;case 24:return null;case 25:return null}throw Error(S(156,t.tag))}function Ip(e,t){switch(Vi(t),t.tag){case 1:return pe(t.type)&&ll(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return pn(),F(de),F(oe),bi(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Ji(t),null;case 13:if(F(U),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(S(340));fn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F(U),null;case 4:return pn(),null;case 10:return Gi(t.type._context),null;case 22:case 23:return cu(),null;case 24:return null;default:return null}}var Or=!1,le=!1,Fp=typeof WeakSet=="function"?WeakSet:Set,C=null;function en(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){H(e,t,r)}else n.current=null}function si(e,t,n){try{n()}catch(r){H(e,t,r)}}var xs=!1;function $p(e,t){if(Qo=el,e=Ya(),Wi(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var i=0,u=-1,s=-1,a=0,m=0,p=e,h=null;t:for(;;){for(var v;p!==n||l!==0&&p.nodeType!==3||(u=i+l),p!==o||r!==0&&p.nodeType!==3||(s=i+r),p.nodeType===3&&(i+=p.nodeValue.length),(v=p.firstChild)!==null;)h=p,p=v;for(;;){if(p===e)break t;if(h===n&&++a===l&&(u=i),h===o&&++m===r&&(s=i),(v=p.nextSibling)!==null)break;p=h,h=p.parentNode}p=v}n=u===-1||s===-1?null:{start:u,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Ko={focusedElem:e,selectionRange:n},el=!1,C=t;C!==null;)if(t=C,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,C=e;else for(;C!==null;){t=C;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var w=g.memoizedProps,T=g.memoizedState,f=t.stateNode,c=f.getSnapshotBeforeUpdate(t.elementType===t.type?w:Me(t.type,w),T);f.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(S(163))}}catch(y){H(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,C=e;break}C=t.return}return g=xs,xs=!1,g}function Wn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var o=l.destroy;l.destroy=void 0,o!==void 0&&si(t,n,o)}l=l.next}while(l!==r)}}function Ml(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ai(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Hc(e){var t=e.alternate;t!==null&&(e.alternate=null,Hc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[We],delete t[tr],delete t[Xo],delete t[Sp],delete t[kp])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Vc(e){return e.tag===5||e.tag===3||e.tag===4}function Es(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Vc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function ci(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=rl));else if(r!==4&&(e=e.child,e!==null))for(ci(e,t,n),e=e.sibling;e!==null;)ci(e,t,n),e=e.sibling}function fi(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(fi(e,t,n),e=e.sibling;e!==null;)fi(e,t,n),e=e.sibling}var b=null,De=!1;function rt(e,t,n){for(n=n.child;n!==null;)Qc(e,t,n),n=n.sibling}function Qc(e,t,n){if(He&&typeof He.onCommitFiberUnmount=="function")try{He.onCommitFiberUnmount(Cl,n)}catch{}switch(n.tag){case 5:le||en(n,t);case 6:var r=b,l=De;b=null,rt(e,t,n),b=r,De=l,b!==null&&(De?(e=b,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):b.removeChild(n.stateNode));break;case 18:b!==null&&(De?(e=b,n=n.stateNode,e.nodeType===8?ao(e.parentNode,n):e.nodeType===1&&ao(e,n),Zn(e)):ao(b,n.stateNode));break;case 4:r=b,l=De,b=n.stateNode.containerInfo,De=!0,rt(e,t,n),b=r,De=l;break;case 0:case 11:case 14:case 15:if(!le&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var o=l,i=o.destroy;o=o.tag,i!==void 0&&(o&2||o&4)&&si(n,t,i),l=l.next}while(l!==r)}rt(e,t,n);break;case 1:if(!le&&(en(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(u){H(n,t,u)}rt(e,t,n);break;case 21:rt(e,t,n);break;case 22:n.mode&1?(le=(r=le)||n.memoizedState!==null,rt(e,t,n),le=r):rt(e,t,n);break;default:rt(e,t,n)}}function Cs(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Fp),t.forEach(function(r){var l=Yp.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function Oe(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=i),r&=~o}if(r=l,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Up(r/1960))-r,10e?16:e,at===null)var r=!1;else{if(e=at,at=null,yl=0,M&6)throw Error(S(331));var l=M;for(M|=4,C=e.current;C!==null;){var o=C,i=o.child;if(C.flags&16){var u=o.deletions;if(u!==null){for(var s=0;sQ()-su?Mt(e,0):uu|=n),me(e,t)}function bc(e,t){t===0&&(e.mode&1?(t=xr,xr<<=1,!(xr&130023424)&&(xr=4194304)):t=1);var n=ue();e=be(e,t),e!==null&&(fr(e,t,n),me(e,n))}function Kp(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),bc(e,n)}function Yp(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(S(314))}r!==null&&r.delete(t),bc(e,n)}var ef;ef=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||de.current)fe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return fe=!1,Dp(e,t,n);fe=!!(e.flags&131072)}else fe=!1,A&&t.flags&1048576&&lc(t,ul,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Qr(e,t),e=t.pendingProps;var l=cn(t,oe.current);un(t,n),l=tu(null,t,r,e,l,n);var o=nu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,pe(r)?(o=!0,ol(t)):o=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Zi(t),l.updater=Ol,t.stateNode=l,l._reactInternals=t,ti(t,r,e,n),t=li(null,t,r,!0,o,n)):(t.tag=0,A&&o&&Hi(t),ie(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Qr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Xp(r),e=Me(r,e),l){case 0:t=ri(null,t,r,e,n);break e;case 1:t=Ss(null,t,r,e,n);break e;case 11:t=gs(null,t,r,e,n);break e;case 14:t=ws(null,t,r,Me(r.type,e),n);break e}throw Error(S(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Me(r,l),ri(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Me(r,l),Ss(e,t,r,l,n);case 3:e:{if(Fc(t),e===null)throw Error(S(387));r=t.pendingProps,o=t.memoizedState,l=o.element,cc(e,t),cl(t,r,null,n);var i=t.memoizedState;if(r=i.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){l=mn(Error(S(423)),t),t=ks(e,t,r,n,l);break e}else if(r!==l){l=mn(Error(S(424)),t),t=ks(e,t,r,n,l);break e}else for(ge=pt(t.stateNode.containerInfo.firstChild),Se=t,A=!0,Le=null,n=sc(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(fn(),r===l){t=et(e,t,n);break e}ie(e,t,r,n)}t=t.child}return t;case 5:return fc(t),e===null&&Jo(t),r=t.type,l=t.pendingProps,o=e!==null?e.memoizedProps:null,i=l.children,Yo(r,l)?i=null:o!==null&&Yo(r,o)&&(t.flags|=32),Ic(e,t),ie(e,t,i,n),t.child;case 6:return e===null&&Jo(t),null;case 13:return $c(e,t,n);case 4:return qi(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=dn(t,null,r,n):ie(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Me(r,l),gs(e,t,r,l,n);case 7:return ie(e,t,t.pendingProps,n),t.child;case 8:return ie(e,t,t.pendingProps.children,n),t.child;case 12:return ie(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,i=l.value,L(sl,r._currentValue),r._currentValue=i,o!==null)if(Ae(o.value,i)){if(o.children===l.children&&!de.current){t=et(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var u=o.dependencies;if(u!==null){i=o.child;for(var s=u.firstContext;s!==null;){if(s.context===r){if(o.tag===1){s=Ze(-1,n&-n),s.tag=2;var a=o.updateQueue;if(a!==null){a=a.shared;var m=a.pending;m===null?s.next=s:(s.next=m.next,m.next=s),a.pending=s}}o.lanes|=n,s=o.alternate,s!==null&&(s.lanes|=n),bo(o.return,n,t),u.lanes|=n;break}s=s.next}}else if(o.tag===10)i=o.type===t.type?null:o.child;else if(o.tag===18){if(i=o.return,i===null)throw Error(S(341));i.lanes|=n,u=i.alternate,u!==null&&(u.lanes|=n),bo(i,n,t),i=o.sibling}else i=o.child;if(i!==null)i.return=o;else for(i=o;i!==null;){if(i===t){i=null;break}if(o=i.sibling,o!==null){o.return=i.return,i=o;break}i=i.return}o=i}ie(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,un(t,n),l=je(l),r=r(l),t.flags|=1,ie(e,t,r,n),t.child;case 14:return r=t.type,l=Me(r,t.pendingProps),l=Me(r.type,l),ws(e,t,r,l,n);case 15:return Dc(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Me(r,l),Qr(e,t),t.tag=1,pe(r)?(e=!0,ol(t)):e=!1,un(t,n),Rc(t,r,l),ti(t,r,l,n),li(null,t,r,!0,e,n);case 19:return Ac(e,t,n);case 22:return Lc(e,t,n)}throw Error(S(156,t.tag))};function tf(e,t){return Ta(e,t)}function Gp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Te(e,t,n,r){return new Gp(e,t,n,r)}function du(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Xp(e){if(typeof e=="function")return du(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ri)return 11;if(e===Oi)return 14}return 2}function vt(e,t){var n=e.alternate;return n===null?(n=Te(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Gr(e,t,n,r,l,o){var i=2;if(r=e,typeof e=="function")du(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Qt:return Dt(n.children,l,o,t);case ji:i=8,l|=8;break;case Co:return e=Te(12,n,t,l|2),e.elementType=Co,e.lanes=o,e;case Po:return e=Te(13,n,t,l),e.elementType=Po,e.lanes=o,e;case No:return e=Te(19,n,t,l),e.elementType=No,e.lanes=o,e;case fa:return Ll(n,l,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case aa:i=10;break e;case ca:i=9;break e;case Ri:i=11;break e;case Oi:i=14;break e;case lt:i=16,r=null;break e}throw Error(S(130,e==null?e:typeof e,""))}return t=Te(i,n,t,l),t.elementType=e,t.type=r,t.lanes=o,t}function Dt(e,t,n,r){return e=Te(7,e,r,t),e.lanes=n,e}function Ll(e,t,n,r){return e=Te(22,e,r,t),e.elementType=fa,e.lanes=n,e.stateNode={isHidden:!1},e}function go(e,t,n){return e=Te(6,e,null,t),e.lanes=n,e}function wo(e,t,n){return t=Te(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Zp(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Jl(0),this.expirationTimes=Jl(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Jl(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function pu(e,t,n,r,l,o,i,u,s){return e=new Zp(e,t,n,u,s),t===1?(t=1,o===!0&&(t|=8)):t=0,o=Te(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Zi(o),e}function qp(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(of)}catch(e){console.error(e)}}of(),oa.exports=Ee;var nm=oa.exports,Ms=nm;xo.createRoot=Ms.createRoot,xo.hydrateRoot=Ms.hydrateRoot;function J(e){return`Minified Redux error #${e}; visit https://redux.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `}var rm=typeof Symbol=="function"&&Symbol.observable||"@@observable",Ds=rm,So=()=>Math.random().toString(36).substring(7).split("").join("."),lm={INIT:`@@redux/INIT${So()}`,REPLACE:`@@redux/REPLACE${So()}`,PROBE_UNKNOWN_ACTION:()=>`@@redux/PROBE_UNKNOWN_ACTION${So()}`},wl=lm;function vu(e){if(typeof e!="object"||e===null)return!1;let t=e;for(;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t||Object.getPrototypeOf(e)===null}function uf(e,t,n){if(typeof e!="function")throw new Error(J(2));if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(J(0));if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(J(1));return n(uf)(e,t)}let r=e,l=t,o=new Map,i=o,u=0,s=!1;function a(){i===o&&(i=new Map,o.forEach((T,f)=>{i.set(f,T)}))}function m(){if(s)throw new Error(J(3));return l}function p(T){if(typeof T!="function")throw new Error(J(4));if(s)throw new Error(J(5));let f=!0;a();const c=u++;return i.set(c,T),function(){if(f){if(s)throw new Error(J(6));f=!1,a(),i.delete(c),o=null}}}function h(T){if(!vu(T))throw new Error(J(7));if(typeof T.type>"u")throw new Error(J(8));if(typeof T.type!="string")throw new Error(J(17));if(s)throw new Error(J(9));try{s=!0,l=r(l,T)}finally{s=!1}return(o=i).forEach(c=>{c()}),T}function v(T){if(typeof T!="function")throw new Error(J(10));r=T,h({type:wl.REPLACE})}function g(){const T=p;return{subscribe(f){if(typeof f!="object"||f===null)throw new Error(J(11));function c(){const y=f;y.next&&y.next(m())}return c(),{unsubscribe:T(c)}},[Ds](){return this}}}return h({type:wl.INIT}),{dispatch:h,subscribe:p,getState:m,replaceReducer:v,[Ds]:g}}function om(e){Object.keys(e).forEach(t=>{const n=e[t];if(typeof n(void 0,{type:wl.INIT})>"u")throw new Error(J(12));if(typeof n(void 0,{type:wl.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(J(13))})}function im(e){const t=Object.keys(e),n={};for(let o=0;o"u")throw u&&u.type,new Error(J(14));a[p]=g,s=s||g!==v}return s=s||r.length!==Object.keys(i).length,s?a:i}}function Sl(...e){return e.length===0?t=>t:e.length===1?e[0]:e.reduce((t,n)=>(...r)=>t(n(...r)))}function um(...e){return t=>(n,r)=>{const l=t(n,r);let o=()=>{throw new Error(J(15))};const i={getState:l.getState,dispatch:(s,...a)=>o(s,...a)},u=e.map(s=>s(i));return o=Sl(...u)(l.dispatch),{...l,dispatch:o}}}function sm(e){return vu(e)&&"type"in e&&typeof e.type=="string"}var sf=Symbol.for("immer-nothing"),Ls=Symbol.for("immer-draftable"),_e=Symbol.for("immer-state");function Ie(e,...t){throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`)}var yn=Object.getPrototypeOf;function St(e){return!!e&&!!e[_e]}function tt(e){var t;return e?af(e)||Array.isArray(e)||!!e[Ls]||!!((t=e.constructor)!=null&&t[Ls])||Bl(e)||Wl(e):!1}var am=Object.prototype.constructor.toString();function af(e){if(!e||typeof e!="object")return!1;const t=yn(e);if(t===null)return!0;const n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return n===Object?!0:typeof n=="function"&&Function.toString.call(n)===am}function kl(e,t){Ul(e)===0?Reflect.ownKeys(e).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function Ul(e){const t=e[_e];return t?t.type_:Array.isArray(e)?1:Bl(e)?2:Wl(e)?3:0}function yi(e,t){return Ul(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function cf(e,t,n){const r=Ul(e);r===2?e.set(t,n):r===3?e.add(n):e[t]=n}function cm(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function Bl(e){return e instanceof Map}function Wl(e){return e instanceof Set}function zt(e){return e.copy_||e.base_}function vi(e,t){if(Bl(e))return new Map(e);if(Wl(e))return new Set(e);if(Array.isArray(e))return Array.prototype.slice.call(e);if(!t&&af(e))return yn(e)?{...e}:Object.assign(Object.create(null),e);const n=Object.getOwnPropertyDescriptors(e);delete n[_e];let r=Reflect.ownKeys(n);for(let l=0;l1&&(e.set=e.add=e.clear=e.delete=fm),Object.freeze(e),t&&Object.entries(e).forEach(([n,r])=>gu(r,!0))),e}function fm(){Ie(2)}function Hl(e){return Object.isFrozen(e)}var dm={};function Ut(e){const t=dm[e];return t||Ie(0,e),t}var sr;function ff(){return sr}function pm(e,t){return{drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0}}function Is(e,t){t&&(Ut("Patches"),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function gi(e){wi(e),e.drafts_.forEach(mm),e.drafts_=null}function wi(e){e===sr&&(sr=e.parent_)}function Fs(e){return sr=pm(sr,e)}function mm(e){const t=e[_e];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function $s(e,t){t.unfinalizedDrafts_=t.drafts_.length;const n=t.drafts_[0];return e!==void 0&&e!==n?(n[_e].modified_&&(gi(t),Ie(4)),tt(e)&&(e=_l(t,e),t.parent_||xl(t,e)),t.patches_&&Ut("Patches").generateReplacementPatches_(n[_e].base_,e,t.patches_,t.inversePatches_)):e=_l(t,n,[]),gi(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e!==sf?e:void 0}function _l(e,t,n){if(Hl(t))return t;const r=t[_e];if(!r)return kl(t,(l,o)=>As(e,r,t,l,o,n)),t;if(r.scope_!==e)return t;if(!r.modified_)return xl(e,r.base_,!0),r.base_;if(!r.finalized_){r.finalized_=!0,r.scope_.unfinalizedDrafts_--;const l=r.copy_;let o=l,i=!1;r.type_===3&&(o=new Set(l),l.clear(),i=!0),kl(o,(u,s)=>As(e,r,l,u,s,n,i)),xl(e,l,!1),n&&e.patches_&&Ut("Patches").generatePatches_(r,n,e.patches_,e.inversePatches_)}return r.copy_}function As(e,t,n,r,l,o,i){if(St(l)){const u=o&&t&&t.type_!==3&&!yi(t.assigned_,r)?o.concat(r):void 0,s=_l(e,l,u);if(cf(n,r,s),St(s))e.canAutoFreeze_=!1;else return}else i&&n.add(l);if(tt(l)&&!Hl(l)){if(!e.immer_.autoFreeze_&&e.unfinalizedDrafts_<1)return;_l(e,l),(!t||!t.scope_.parent_)&&typeof r!="symbol"&&Object.prototype.propertyIsEnumerable.call(n,r)&&xl(e,l)}}function xl(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&gu(t,n)}function hm(e,t){const n=Array.isArray(e),r={type_:n?1:0,scope_:t?t.scope_:ff(),modified_:!1,finalized_:!1,assigned_:{},parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1};let l=r,o=wu;n&&(l=[r],o=ar);const{revoke:i,proxy:u}=Proxy.revocable(l,o);return r.draft_=u,r.revoke_=i,u}var wu={get(e,t){if(t===_e)return e;const n=zt(e);if(!yi(n,t))return ym(e,n,t);const r=n[t];return e.finalized_||!tt(r)?r:r===ko(e.base_,t)?(_o(e),e.copy_[t]=ki(r,e)):r},has(e,t){return t in zt(e)},ownKeys(e){return Reflect.ownKeys(zt(e))},set(e,t,n){const r=df(zt(e),t);if(r!=null&&r.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){const l=ko(zt(e),t),o=l==null?void 0:l[_e];if(o&&o.base_===n)return e.copy_[t]=n,e.assigned_[t]=!1,!0;if(cm(n,l)&&(n!==void 0||yi(e.base_,t)))return!0;_o(e),Si(e)}return e.copy_[t]===n&&(n!==void 0||t in e.copy_)||Number.isNaN(n)&&Number.isNaN(e.copy_[t])||(e.copy_[t]=n,e.assigned_[t]=!0),!0},deleteProperty(e,t){return ko(e.base_,t)!==void 0||t in e.base_?(e.assigned_[t]=!1,_o(e),Si(e)):delete e.assigned_[t],e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){const n=zt(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{writable:!0,configurable:e.type_!==1||t!=="length",enumerable:r.enumerable,value:n[t]}},defineProperty(){Ie(11)},getPrototypeOf(e){return yn(e.base_)},setPrototypeOf(){Ie(12)}},ar={};kl(wu,(e,t)=>{ar[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}});ar.deleteProperty=function(e,t){return ar.set.call(this,e,t,void 0)};ar.set=function(e,t,n){return wu.set.call(this,e[0],t,n,e[0])};function ko(e,t){const n=e[_e];return(n?zt(n):e)[t]}function ym(e,t,n){var l;const r=df(t,n);return r?"value"in r?r.value:(l=r.get)==null?void 0:l.call(e.draft_):void 0}function df(e,t){if(!(t in e))return;let n=yn(e);for(;n;){const r=Object.getOwnPropertyDescriptor(n,t);if(r)return r;n=yn(n)}}function Si(e){e.modified_||(e.modified_=!0,e.parent_&&Si(e.parent_))}function _o(e){e.copy_||(e.copy_=vi(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var vm=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.produce=(t,n,r)=>{if(typeof t=="function"&&typeof n!="function"){const o=n;n=t;const i=this;return function(s=o,...a){return i.produce(s,m=>n.call(this,m,...a))}}typeof n!="function"&&Ie(6),r!==void 0&&typeof r!="function"&&Ie(7);let l;if(tt(t)){const o=Fs(this),i=ki(t,void 0);let u=!0;try{l=n(i),u=!1}finally{u?gi(o):wi(o)}return Is(o,r),$s(l,o)}else if(!t||typeof t!="object"){if(l=n(t),l===void 0&&(l=t),l===sf&&(l=void 0),this.autoFreeze_&&gu(l,!0),r){const o=[],i=[];Ut("Patches").generateReplacementPatches_(t,l,o,i),r(o,i)}return l}else Ie(1,t)},this.produceWithPatches=(t,n)=>{if(typeof t=="function")return(i,...u)=>this.produceWithPatches(i,s=>t(s,...u));let r,l;return[this.produce(t,n,(i,u)=>{r=i,l=u}),r,l]},typeof(e==null?void 0:e.autoFreeze)=="boolean"&&this.setAutoFreeze(e.autoFreeze),typeof(e==null?void 0:e.useStrictShallowCopy)=="boolean"&&this.setUseStrictShallowCopy(e.useStrictShallowCopy)}createDraft(e){tt(e)||Ie(8),St(e)&&(e=pf(e));const t=Fs(this),n=ki(e,void 0);return n[_e].isManual_=!0,wi(t),n}finishDraft(e,t){const n=e&&e[_e];(!n||!n.isManual_)&&Ie(9);const{scope_:r}=n;return Is(r,t),$s(void 0,r)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}applyPatches(e,t){let n;for(n=t.length-1;n>=0;n--){const l=t[n];if(l.path.length===0&&l.op==="replace"){e=l.value;break}}n>-1&&(t=t.slice(n+1));const r=Ut("Patches").applyPatches_;return St(e)?r(e,t):this.produce(e,l=>r(l,t))}};function ki(e,t){const n=Bl(e)?Ut("MapSet").proxyMap_(e,t):Wl(e)?Ut("MapSet").proxySet_(e,t):hm(e,t);return(t?t.scope_:ff()).drafts_.push(n),n}function pf(e){return St(e)||Ie(10,e),mf(e)}function mf(e){if(!tt(e)||Hl(e))return e;const t=e[_e];let n;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=vi(e,t.scope_.immer_.useStrictShallowCopy_)}else n=vi(e,!0);return kl(n,(r,l)=>{cf(n,r,mf(l))}),t&&(t.finalized_=!1),n}var xe=new vm,hf=xe.produce;xe.produceWithPatches.bind(xe);xe.setAutoFreeze.bind(xe);xe.setUseStrictShallowCopy.bind(xe);xe.applyPatches.bind(xe);xe.createDraft.bind(xe);xe.finishDraft.bind(xe);function gm(e,t=`expected a function, instead received ${typeof e}`){if(typeof e!="function")throw new TypeError(t)}function wm(e,t=`expected an object, instead received ${typeof e}`){if(typeof e!="object")throw new TypeError(t)}function Sm(e,t="expected all items to be functions, instead received the following types: "){if(!e.every(n=>typeof n=="function")){const n=e.map(r=>typeof r=="function"?`function ${r.name||"unnamed"}()`:typeof r).join(", ");throw new TypeError(`${t}[${n}]`)}}var Us=e=>Array.isArray(e)?e:[e];function km(e){const t=Array.isArray(e[0])?e[0]:e;return Sm(t,"createSelector expects all input-selectors to be functions, but received the following types: "),t}function _m(e,t){const n=[],{length:r}=e;for(let l=0;l{n=Lr(),i.resetResultsCount()},i.resultsCount=()=>o,i.resetResultsCount=()=>{o=0},i}function yf(e,...t){const n=typeof e=="function"?{memoize:e,memoizeOptions:t}:e,r=(...l)=>{let o=0,i=0,u,s={},a=l.pop();typeof a=="object"&&(s=a,a=l.pop()),gm(a,`createSelector expects an output function after the inputs, but received: [${typeof a}]`);const m={...n,...s},{memoize:p,memoizeOptions:h=[],argsMemoize:v=Su,argsMemoizeOptions:g=[],devModeChecks:w={}}=m,T=Us(h),f=Us(g),c=km(l),d=p(function(){return o++,a.apply(null,arguments)},...T),y=v(function(){i++;const _=_m(c,arguments);return u=d.apply(null,_),u},...f);return Object.assign(y,{resultFunc:a,memoizedResultFunc:d,dependencies:c,dependencyRecomputations:()=>i,resetDependencyRecomputations:()=>{i=0},lastResult:()=>u,recomputations:()=>o,resetRecomputations:()=>{o=0},memoize:p,argsMemoize:v})};return Object.assign(r,{withTypes:()=>r}),r}var Pm=yf(Su),Nm=Object.assign((e,t=Pm)=>{wm(e,`createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`);const n=Object.keys(e),r=n.map(o=>e[o]);return t(r,(...o)=>o.reduce((i,u,s)=>(i[n[s]]=u,i),{}))},{withTypes:()=>Nm});function vf(e){return({dispatch:n,getState:r})=>l=>o=>typeof o=="function"?o(n,r,e):l(o)}var Tm=vf(),zm=vf,jm=(...e)=>{const t=yf(...e),n=Object.assign((...r)=>{const l=t(...r),o=(i,...u)=>l(St(i)?pf(i):i,...u);return Object.assign(o,l),o},{withTypes:()=>n});return n};jm(Su);var Rm=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:function(){if(arguments.length!==0)return typeof arguments[0]=="object"?Sl:Sl.apply(null,arguments)};function vn(e,t){function n(...r){if(t){let l=t(...r);if(!l)throw new Error(he(0));return{type:e,payload:l.payload,..."meta"in l&&{meta:l.meta},..."error"in l&&{error:l.error}}}return{type:e,payload:r[0]}}return n.toString=()=>`${e}`,n.type=e,n.match=r=>sm(r)&&r.type===e,n}var gf=class Ln extends Array{constructor(...t){super(...t),Object.setPrototypeOf(this,Ln.prototype)}static get[Symbol.species](){return Ln}concat(...t){return super.concat.apply(this,t)}prepend(...t){return t.length===1&&Array.isArray(t[0])?new Ln(...t[0].concat(this)):new Ln(...t.concat(this))}};function Ws(e){return tt(e)?hf(e,()=>{}):e}function Hs(e,t,n){if(e.has(t)){let l=e.get(t);return n.update&&(l=n.update(l,t,e),e.set(t,l)),l}if(!n.insert)throw new Error(he(10));const r=n.insert(t,e);return e.set(t,r),r}function Om(e){return typeof e=="boolean"}var Mm=()=>function(t){const{thunk:n=!0,immutableCheck:r=!0,serializableCheck:l=!0,actionCreatorCheck:o=!0}=t??{};let i=new gf;return n&&(Om(n)?i.push(Tm):i.push(zm(n.extraArgument))),i},Dm="RTK_autoBatch",wf=e=>t=>{setTimeout(t,e)},Lm=typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame:wf(10),Im=(e={type:"raf"})=>t=>(...n)=>{const r=t(...n);let l=!0,o=!1,i=!1;const u=new Set,s=e.type==="tick"?queueMicrotask:e.type==="raf"?Lm:e.type==="callback"?e.queueNotification:wf(e.timeout),a=()=>{i=!1,o&&(o=!1,u.forEach(m=>m()))};return Object.assign({},r,{subscribe(m){const p=()=>l&&m(),h=r.subscribe(p);return u.add(m),()=>{h(),u.delete(m)}},dispatch(m){var p;try{return l=!((p=m==null?void 0:m.meta)!=null&&p[Dm]),o=!l,o&&(i||(i=!0,s(a))),r.dispatch(m)}finally{l=!0}}})},Fm=e=>function(n){const{autoBatch:r=!0}=n??{};let l=new gf(e);return r&&l.push(Im(typeof r=="object"?r:void 0)),l},$m=!0;function Am(e){const t=Mm(),{reducer:n=void 0,middleware:r,devTools:l=!0,preloadedState:o=void 0,enhancers:i=void 0}=e||{};let u;if(typeof n=="function")u=n;else if(vu(n))u=im(n);else throw new Error(he(1));let s;typeof r=="function"?s=r(t):s=t();let a=Sl;l&&(a=Rm({trace:!$m,...typeof l=="object"&&l}));const m=um(...s),p=Fm(m);let h=typeof i=="function"?i(p):p();const v=a(...h);return uf(u,o,v)}function Sf(e){const t={},n=[];let r;const l={addCase(o,i){const u=typeof o=="string"?o:o.type;if(!u)throw new Error(he(28));if(u in t)throw new Error(he(29));return t[u]=i,l},addMatcher(o,i){return n.push({matcher:o,reducer:i}),l},addDefaultCase(o){return r=o,l}};return e(l),[t,n,r]}function Um(e){return typeof e=="function"}function Bm(e,t){let[n,r,l]=Sf(t),o;if(Um(e))o=()=>Ws(e());else{const u=Ws(e);o=()=>u}function i(u=o(),s){let a=[n[s.type],...r.filter(({matcher:m})=>m(s)).map(({reducer:m})=>m)];return a.filter(m=>!!m).length===0&&(a=[l]),a.reduce((m,p)=>{if(p)if(St(m)){const v=p(m,s);return v===void 0?m:v}else{if(tt(m))return hf(m,h=>p(h,s));{const h=p(m,s);if(h===void 0){if(m===null)return m;throw new Error(he(9))}return h}}return m},u)}return i.getInitialState=o,i}var Wm="ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW",Hm=(e=21)=>{let t="",n=e;for(;n--;)t+=Wm[Math.random()*64|0];return t},Vm=Symbol.for("rtk-slice-createasyncthunk");function Qm(e,t){return`${e}/${t}`}function Km({creators:e}={}){var n;const t=(n=e==null?void 0:e.asyncThunk)==null?void 0:n[Vm];return function(l){const{name:o,reducerPath:i=o}=l;if(!o)throw new Error(he(11));typeof process<"u";const u=(typeof l.reducers=="function"?l.reducers(Xm()):l.reducers)||{},s=Object.keys(u),a={sliceCaseReducersByName:{},sliceCaseReducersByType:{},actionCreators:{},sliceMatchers:[]},m={addCase(d,y){const k=typeof d=="string"?d:d.type;if(!k)throw new Error(he(12));if(k in a.sliceCaseReducersByType)throw new Error(he(13));return a.sliceCaseReducersByType[k]=y,m},addMatcher(d,y){return a.sliceMatchers.push({matcher:d,reducer:y}),m},exposeAction(d,y){return a.actionCreators[d]=y,m},exposeCaseReducer(d,y){return a.sliceCaseReducersByName[d]=y,m}};s.forEach(d=>{const y=u[d],k={reducerName:d,type:Qm(o,d),createNotation:typeof l.reducers=="function"};qm(y)?bm(k,y,m,t):Zm(k,y,m)});function p(){const[d={},y=[],k=void 0]=typeof l.extraReducers=="function"?Sf(l.extraReducers):[l.extraReducers],_={...d,...a.sliceCaseReducersByType};return Bm(l.initialState,E=>{for(let x in _)E.addCase(x,_[x]);for(let x of a.sliceMatchers)E.addMatcher(x.matcher,x.reducer);for(let x of y)E.addMatcher(x.matcher,x.reducer);k&&E.addDefaultCase(k)})}const h=d=>d,v=new Map;let g;function w(d,y){return g||(g=p()),g(d,y)}function T(){return g||(g=p()),g.getInitialState()}function f(d,y=!1){function k(E){let x=E[d];return typeof x>"u"&&y&&(x=T()),x}function _(E=h){const x=Hs(v,y,{insert:()=>new WeakMap});return Hs(x,E,{insert:()=>{const $={};for(const[R,ye]of Object.entries(l.selectors??{}))$[R]=Ym(ye,E,T,y);return $}})}return{reducerPath:d,getSelectors:_,get selectors(){return _(k)},selectSlice:k}}const c={name:o,reducer:w,actions:a.actionCreators,caseReducers:a.sliceCaseReducersByName,getInitialState:T,...f(i),injectInto(d,{reducerPath:y,...k}={}){const _=y??i;return d.inject({reducerPath:_,reducer:w},k),{...c,...f(_,!0)}}};return c}}function Ym(e,t,n,r){function l(o,...i){let u=t(o);return typeof u>"u"&&r&&(u=n()),e(u,...i)}return l.unwrapped=e,l}var Gm=Km();function Xm(){function e(t,n){return{_reducerDefinitionType:"asyncThunk",payloadCreator:t,...n}}return e.withTypes=()=>e,{reducer(t){return Object.assign({[t.name](...n){return t(...n)}}[t.name],{_reducerDefinitionType:"reducer"})},preparedReducer(t,n){return{_reducerDefinitionType:"reducerWithPrepare",prepare:t,reducer:n}},asyncThunk:e}}function Zm({type:e,reducerName:t,createNotation:n},r,l){let o,i;if("reducer"in r){if(n&&!Jm(r))throw new Error(he(17));o=r.reducer,i=r.prepare}else o=r;l.addCase(e,o).exposeCaseReducer(t,o).exposeAction(t,i?vn(e,i):vn(e))}function qm(e){return e._reducerDefinitionType==="asyncThunk"}function Jm(e){return e._reducerDefinitionType==="reducerWithPrepare"}function bm({type:e,reducerName:t},n,r,l){if(!l)throw new Error(he(18));const{payloadCreator:o,fulfilled:i,pending:u,rejected:s,settled:a,options:m}=n,p=l(e,o,m);r.exposeAction(t,p),i&&r.addCase(p.fulfilled,i),u&&r.addCase(p.pending,u),s&&r.addCase(p.rejected,s),a&&r.addMatcher(p.settled,a),r.exposeCaseReducer(t,{fulfilled:i||Ir,pending:u||Ir,rejected:s||Ir,settled:a||Ir})}function Ir(){}var eh=(e,t)=>{if(typeof e!="function")throw new Error(he(32))},ku="listenerMiddleware",th=e=>{let{type:t,actionCreator:n,matcher:r,predicate:l,effect:o}=e;if(t)l=vn(t).match;else if(n)t=n.type,l=n.match;else if(r)l=r;else if(!l)throw new Error(he(21));return eh(o),{predicate:l,type:t,effect:o}},nh=Object.assign(e=>{const{type:t,predicate:n,effect:r}=th(e);return{id:Hm(),effect:r,type:t,predicate:n,pending:new Set,unsubscribe:()=>{throw new Error(he(22))}}},{withTypes:()=>nh}),rh=Object.assign(vn(`${ku}/add`),{withTypes:()=>rh});vn(`${ku}/removeAll`);var lh=Object.assign(vn(`${ku}/remove`),{withTypes:()=>lh});function he(e){return`Minified Redux Toolkit error #${e}; visit https://redux-toolkit.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `}const kf=Gm({name:"cart",initialState:{items:[]},reducers:{addItem:(e,t)=>{const{name:n,image:r,cost:l}=t.payload,o=e.items.find(i=>i.name===n);o?o.quantity++:e.items.push({name:n,image:r,cost:l,quantity:1})},removeItem:(e,t)=>{e.items=e.items.filter(n=>n.name!==t.payload)},updateQuantity:(e,t)=>{const{name:n,quantity:r}=t.payload,l=e.items.find(o=>o.name===n);l&&(l.quantity=r)}}}),{addItem:oh,removeItem:Vs,updateQuantity:Qs}=kf.actions,ih=kf.reducer;var _f={exports:{}},xf={};/** + * @license React + * use-sync-external-store-with-selector.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var hr=Xe;function uh(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var sh=typeof Object.is=="function"?Object.is:uh,ah=hr.useSyncExternalStore,ch=hr.useRef,fh=hr.useEffect,dh=hr.useMemo,ph=hr.useDebugValue;xf.useSyncExternalStoreWithSelector=function(e,t,n,r,l){var o=ch(null);if(o.current===null){var i={hasValue:!1,value:null};o.current=i}else i=o.current;o=dh(function(){function s(v){if(!a){if(a=!0,m=v,v=r(v),l!==void 0&&i.hasValue){var g=i.value;if(l(g,v))return p=g}return p=v}if(g=p,sh(m,v))return g;var w=r(v);return l!==void 0&&l(g,w)?g:(m=v,p=w)}var a=!1,m,p,h=n===void 0?null:n;return[function(){return s(t())},h===null?void 0:function(){return s(h())}]},[t,n,r,l]);var u=ah(e,o[0],o[1]);return fh(function(){i.hasValue=!0,i.value=u},[u]),ph(u),u};_f.exports=xf;var mh=_f.exports,we="default"in Nu?Pi:Nu,Ks=Symbol.for("react-redux-context"),Ys=typeof globalThis<"u"?globalThis:{};function hh(){if(!we.createContext)return{};const e=Ys[Ks]??(Ys[Ks]=new Map);let t=e.get(we.createContext);return t||(t=we.createContext(null),e.set(we.createContext,t)),t}var kt=hh(),yh=()=>{throw new Error("uSES not initialized!")};function _u(e=kt){return function(){return we.useContext(e)}}var Ef=_u(),Cf=yh,vh=e=>{Cf=e},gh=(e,t)=>e===t;function wh(e=kt){const t=e===kt?Ef:_u(e),n=(r,l={})=>{const{equalityFn:o=gh,devModeChecks:i={}}=typeof l=="function"?{equalityFn:l}:l,{store:u,subscription:s,getServerState:a,stabilityCheck:m,identityFunctionCheck:p}=t();we.useRef(!0);const h=we.useCallback({[r.name](g){return r(g)}}[r.name],[r,m,i.stabilityCheck]),v=Cf(s.addNestedSub,u.getState,a||u.getState,h,o);return we.useDebugValue(v),v};return Object.assign(n,{withTypes:()=>n}),n}var Sh=wh();function kh(e){e()}function _h(){let e=null,t=null;return{clear(){e=null,t=null},notify(){kh(()=>{let n=e;for(;n;)n.callback(),n=n.next})},get(){const n=[];let r=e;for(;r;)n.push(r),r=r.next;return n},subscribe(n){let r=!0;const l=t={callback:n,next:null,prev:t};return l.prev?l.prev.next=l:e=l,function(){!r||e===null||(r=!1,l.next?l.next.prev=l.prev:t=l.prev,l.prev?l.prev.next=l.next:e=l.next)}}}}var Gs={notify(){},get:()=>[]};function xh(e,t){let n,r=Gs,l=0,o=!1;function i(w){m();const T=r.subscribe(w);let f=!1;return()=>{f||(f=!0,T(),p())}}function u(){r.notify()}function s(){g.onStateChange&&g.onStateChange()}function a(){return o}function m(){l++,n||(n=t?t.addNestedSub(s):e.subscribe(s),r=_h())}function p(){l--,n&&l===0&&(n(),n=void 0,r.clear(),r=Gs)}function h(){o||(o=!0,m())}function v(){o&&(o=!1,p())}const g={addNestedSub:i,notifyNestedSubs:u,handleChangeWrapper:s,isSubscribed:a,trySubscribe:h,tryUnsubscribe:v,getListeners:()=>r};return g}var Eh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ch=typeof navigator<"u"&&navigator.product==="ReactNative",Ph=Eh||Ch?we.useLayoutEffect:we.useEffect;function Nh({store:e,context:t,children:n,serverState:r,stabilityCheck:l="once",identityFunctionCheck:o="once"}){const i=we.useMemo(()=>{const a=xh(e);return{store:e,subscription:a,getServerState:r?()=>r:void 0,stabilityCheck:l,identityFunctionCheck:o}},[e,r,l,o]),u=we.useMemo(()=>e.getState(),[e]);Ph(()=>{const{subscription:a}=i;return a.onStateChange=a.notifyNestedSubs,a.trySubscribe(),u!==e.getState()&&a.notifyNestedSubs(),()=>{a.tryUnsubscribe(),a.onStateChange=void 0}},[i,u]);const s=t||kt;return we.createElement(s.Provider,{value:i},n)}var Th=Nh;function Pf(e=kt){const t=e===kt?Ef:_u(e),n=()=>{const{store:r}=t();return r};return Object.assign(n,{withTypes:()=>n}),n}var zh=Pf();function jh(e=kt){const t=e===kt?zh:Pf(e),n=()=>t().dispatch;return Object.assign(n,{withTypes:()=>n}),n}var Nf=jh();vh(mh.useSyncExternalStoreWithSelector);const Rh=({onContinueShopping:e})=>{const t=Sh(p=>p.cart.items),n=Nf(),r=()=>t.reduce((p,h)=>{const v=parseFloat(h.cost.replace("$",""));return p+v*h.quantity},0).toFixed(2),l=p=>{p.preventDefault(),e()},o=()=>{alert("Functionality to be added for future reference")},i=p=>{n(Qs({name:p.name,quantity:p.quantity+1}))},u=p=>{p.quantity===1?n(Vs(p.name)):n(Qs({name:p.name,quantity:p.quantity-1}))},s=p=>{n(Vs(p.name))},a=p=>(parseFloat(p.cost.replace("$",""))*p.quantity).toFixed(2),m=()=>t.reduce((p,h)=>p+h.quantity,0);return N.jsxs("div",{className:"cart-container",children:[N.jsxs("h2",{style:{color:"black"},children:["Total Cart Amount: $",r(),N.jsxs("span",{className:"total-items",children:["(",m()," items)"]})]}),N.jsx("div",{children:t.map(p=>N.jsxs("div",{className:"cart-item",children:[N.jsx("img",{className:"cart-item-image",src:p.image,alt:p.name}),N.jsxs("div",{className:"cart-item-details",children:[N.jsx("div",{className:"cart-item-name",children:p.name}),N.jsxs("div",{className:"cart-item-cost",children:[p.cost," per unit"]}),N.jsxs("div",{className:"cart-item-quantity",children:[N.jsx("button",{className:"cart-item-button cart-item-button-dec",onClick:()=>u(p),children:"-"}),N.jsx("span",{className:"cart-item-quantity-value",children:p.quantity}),N.jsx("button",{className:"cart-item-button cart-item-button-inc",onClick:()=>i(p),children:"+"})]}),N.jsxs("div",{className:"cart-item-total",children:["Total: $",a(p)]}),N.jsx("button",{className:"cart-item-delete",onClick:()=>s(p),children:"Delete"})]})]},p.name))}),N.jsxs("div",{style:{marginTop:"20px",color:"black"},className:"total_cart_amount",children:["Total Items: ",m()]}),N.jsxs("div",{className:"continue_shopping_btn",children:[N.jsx("button",{className:"get-started-button",onClick:l,children:"Continue Shopping"}),N.jsx("br",{}),N.jsx("button",{className:"get-started-button1",onClick:o,children:"Checkout"})]})]})};function Oh(){const[e,t]=Xe.useState({}),[n,r]=Xe.useState(!1),[l,o]=Xe.useState(!1),i=Nf(),u=[{category:"Air Purifying Plants",plants:[{name:"Snake Plant",image:"https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg",description:"Produces oxygen at night, improving air quality.",cost:"$15"},{name:"Spider Plant",image:"https://cdn.pixabay.com/photo/2018/07/11/06/47/chlorophytum-3530413_1280.jpg",description:"Filters formaldehyde and xylene from the air.",cost:"$12"},{name:"Peace Lily",image:"https://cdn.pixabay.com/photo/2019/06/12/14/14/peace-lilies-4269365_1280.jpg",description:"Removes mold spores and purifies the air.",cost:"$18"},{name:"Boston Fern",image:"https://cdn.pixabay.com/photo/2020/04/30/19/52/boston-fern-5114414_1280.jpg",description:"Adds humidity to the air and removes toxins.",cost:"$20"},{name:"Rubber Plant",image:"https://cdn.pixabay.com/photo/2020/02/15/11/49/flower-4850729_1280.jpg",description:"Easy to care for and effective at removing toxins.",cost:"$17"},{name:"Aloe Vera",image:"https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg",description:"Purifies the air and has healing properties for skin.",cost:"$14"}]},{category:"Aromatic Fragrant Plants",plants:[{name:"Lavender",image:"https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",description:"Calming scent, used in aromatherapy.",cost:"$20"},{name:"Jasmine",image:"https://images.unsplash.com/photo-1592729645009-b96d1e63d14b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",description:"Sweet fragrance, promotes relaxation.",cost:"$18"},{name:"Rosemary",image:"https://cdn.pixabay.com/photo/2019/10/11/07/12/rosemary-4541241_1280.jpg",description:"Invigorating scent, often used in cooking.",cost:"$15"},{name:"Mint",image:"https://cdn.pixabay.com/photo/2016/01/07/18/16/mint-1126282_1280.jpg",description:"Refreshing aroma, used in teas and cooking.",cost:"$12"},{name:"Lemon Balm",image:"https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg",description:"Citrusy scent, relieves stress and promotes sleep.",cost:"$14"},{name:"Hyacinth",image:"https://cdn.pixabay.com/photo/2019/04/07/20/20/hyacinth-4110726_1280.jpg",description:"Hyacinth is a beautiful flowering plant known for its fragrant.",cost:"$22"}]},{category:"Insect Repellent Plants",plants:[{name:"oregano",image:"https://cdn.pixabay.com/photo/2015/05/30/21/20/oregano-790702_1280.jpg",description:"The oregano plants contains compounds that can deter certain insects.",cost:"$10"},{name:"Marigold",image:"https://cdn.pixabay.com/photo/2022/02/22/05/45/marigold-7028063_1280.jpg",description:"Natural insect repellent, also adds color to the garden.",cost:"$8"},{name:"Geraniums",image:"https://cdn.pixabay.com/photo/2012/04/26/21/51/flowerpot-43270_1280.jpg",description:"Known for their insect-repelling properties while adding a pleasant scent.",cost:"$20"},{name:"Basil",image:"https://cdn.pixabay.com/photo/2016/07/24/20/48/tulsi-1539181_1280.jpg",description:"Repels flies and mosquitoes, also used in cooking.",cost:"$9"},{name:"Lavender",image:"https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",description:"Calming scent, used in aromatherapy.",cost:"$20"},{name:"Catnip",image:"https://cdn.pixabay.com/photo/2015/07/02/21/55/cat-829681_1280.jpg",description:"Repels mosquitoes and attracts cats.",cost:"$13"}]},{category:"Medicinal Plants",plants:[{name:"Aloe Vera",image:"https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg",description:"Soothing gel used for skin ailments.",cost:"$14"},{name:"Echinacea",image:"https://cdn.pixabay.com/photo/2014/12/05/03/53/echinacea-557477_1280.jpg",description:"Boosts immune system, helps fight colds.",cost:"$16"},{name:"Peppermint",image:"https://cdn.pixabay.com/photo/2017/07/12/12/23/peppermint-2496773_1280.jpg",description:"Relieves digestive issues and headaches.",cost:"$13"},{name:"Lemon Balm",image:"https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg",description:"Calms nerves and promotes relaxation.",cost:"$14"},{name:"Chamomile",image:"https://cdn.pixabay.com/photo/2016/08/19/19/48/flowers-1606041_1280.jpg",description:"Soothes anxiety and promotes sleep.",cost:"$15"},{name:"Calendula",image:"https://cdn.pixabay.com/photo/2019/07/15/18/28/flowers-4340127_1280.jpg",description:"Heals wounds and soothes skin irritations.",cost:"$12"}]},{category:"Low Maintenance Plants",plants:[{name:"ZZ Plant",image:"https://images.unsplash.com/photo-1632207691143-643e2a9a9361?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",description:"Thrives in low light and requires minimal watering.",cost:"$25"},{name:"Pothos",image:"https://cdn.pixabay.com/photo/2018/11/15/10/32/plants-3816945_1280.jpg",description:"Tolerates neglect and can grow in various conditions.",cost:"$10"},{name:"Snake Plant",image:"https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg",description:"Needs infrequent watering and is resilient to most pests.",cost:"$15"},{name:"Cast Iron Plant",image:"https://cdn.pixabay.com/photo/2017/02/16/18/04/cast-iron-plant-2072008_1280.jpg",description:"Hardy plant that tolerates low light and neglect.",cost:"$20"},{name:"Succulents",image:"https://cdn.pixabay.com/photo/2016/11/21/16/05/cacti-1846147_1280.jpg",description:"Drought-tolerant plants with unique shapes and colors.",cost:"$18"},{name:"Aglaonema",image:"https://cdn.pixabay.com/photo/2014/10/10/04/27/aglaonema-482915_1280.jpg",description:"Requires minimal care and adds color to indoor spaces.",cost:"$22"}]}],s={backgroundColor:"#4CAF50",color:"#fff!important",padding:"15px",display:"flex",justifyContent:"space-between",alignIems:"center",fontSize:"20px"},a={display:"flex",justifyContent:"space-between",alignItems:"center",width:"1100px"},m={color:"white",fontSize:"30px",textDecoration:"none"},p=w=>{w.preventDefault(),r(!0)},h=w=>{w.preventDefault(),o(!0),r(!1)},v=w=>{w.preventDefault(),r(!1)},g=w=>{i(oh({id:w.name,name:w.name,cost:w.cost,image:w.image,description:w.description})),t(T=>({...T,[w.name]:!0})),alert(`${w.name} foi adicionado ao carrinho!`)};return N.jsxs("div",{children:[N.jsx("nav",{style:s,children:N.jsxs("ul",{style:a,children:[N.jsx("li",{children:N.jsx("a",{href:"/",style:m,children:"Plants Store"})}),N.jsx("li",{children:N.jsx("a",{href:"/plants",style:m,onClick:h,children:"Plants"})}),N.jsx("li",{children:N.jsx("a",{href:"/cart",style:m,onClick:p,children:"Cart"})})]})}),n?N.jsx(Rh,{onContinueShopping:v}):N.jsx("div",{className:"product-grid",children:u.map((w,T)=>N.jsxs("div",{children:[N.jsx("h1",{children:w.category}),N.jsx("div",{className:"product-list",children:w.plants.map((f,c)=>N.jsxs("div",{className:"product-card",children:[N.jsx("img",{className:"product-image",src:f.image,alt:f.name}),N.jsx("div",{className:"product-title",children:f.name}),N.jsx("div",{className:"product-description",children:f.description}),N.jsx("div",{className:"product-cost",children:f.cost}),N.jsx("button",{className:"product-button",onClick:()=>g(f),disabled:e[f.name],children:e[f.name]?"Adicionado":"Adicionar ao Carrinho"})]},c))})]},T))})]})}function Mh(){return N.jsxs("div",{className:"about-us-container",children:[N.jsx("p",{className:"about-us-description",children:"Welcome to Paradise Nursery, where green meets serenity!"}),N.jsx("p",{className:"about-us-content",children:"At Paradise Nursery, we are passionate about bringing nature closer to you. Our mission is to provide a wide range of high-quality plants that not only enhance the beauty of your surroundings but also contribute to a healthier and more sustainable lifestyle. From air-purifying plants to aromatic fragrant ones, we have something for every plant enthusiast."}),N.jsx("p",{className:"about-us-content",children:"Our team of experts is dedicated to ensuring that each plant meets our strict standards of quality and care. Whether you're a seasoned gardener or just starting your green journey, we're here to support you every step of the way. Feel free to explore our collection, ask questions, and let us help you find the perfect plant for your home or office."}),N.jsx("p",{className:"about-us-content",children:"Join us in our mission to create a greener, healthier world. Visit Paradise Nursery today and experience the beauty of nature right at your doorstep."})]})}function Dh(){const[e,t]=Xe.useState(!1),n=()=>{t(!0)};return N.jsxs("div",{className:"app-container",children:[N.jsxs("div",{className:`landing-page ${e?"fade-out":""}`,children:[N.jsx("div",{className:"background-image"}),N.jsxs("div",{className:"content",children:[N.jsxs("div",{className:"landing_content",children:[N.jsx("h1",{children:"Welcome To Paradise Nursery"}),N.jsx("div",{className:"divider"}),N.jsx("p",{children:"Where Green Meets Serenity"}),N.jsx("button",{className:"get-started-button",onClick:n,children:"Get Started"})]}),N.jsx("div",{className:"aboutus_container",children:N.jsx(Mh,{})})]})]}),N.jsx("div",{className:`product-list-container ${e?"visible":""}`,children:N.jsx(Oh,{})})]})}const Lh=Am({reducer:{cart:ih}});xo.createRoot(document.getElementById("root")).render(N.jsx(Pi.StrictMode,{children:N.jsx(Th,{store:Lh,children:N.jsx(Dh,{})})})); diff --git a/dist/assets/index-DoTl-FFb.css b/dist/assets/index-DoTl-FFb.css new file mode 100644 index 000000000..f7b064fb7 --- /dev/null +++ b/dist/assets/index-DoTl-FFb.css @@ -0,0 +1 @@ +body,h1,ul{margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f0f0f0}.navbar{background-color:#4caf50;color:#fff!important;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:20px}.navbar .ul{display:flex;justify-content:space-between;align-items:center;width:1100px}.navbar li{margin-right:30px}.navbar .ul div a{color:#fff;font-size:30px;text-decoration:none}.product-grid{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center}.product-list{display:flex;flex-wrap:wrap;gap:50px;padding:20px;width:100%;align-items:center;justify-content:center}.product-card{flex:0 0 calc(33.33% - 20px);max-width:calc(26.33% - 20px);margin-bottom:20px;padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:5px;text-align:center;position:relative;gap:20px}.product-card:hover{transform:scale(1.05);transition:transform .3s ease-in-out;z-index:1}.product-title{font-weight:700;margin-bottom:10px}.product-price{color:#e74c3c;font-size:1.2rem;margin-bottom:10px}.product-image{max-width:100%;height:200px}.product-button{background-color:#e74c3c;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease-in-out;margin-top:10px}.product-button:hover{background-color:#c0392b}.product-card:before{content:"SALE";background-color:#e74c3c;color:#fff;position:absolute;top:0;right:0;padding:5px 10px;border-radius:0 0 0 5px}.tag_home_link{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:50px;color:#fff;text-decoration:none;font-size:20px}.tag_home_link h3{font-size:30px}.tag a{text-decoration:none}.tag{width:400px;display:flex;align-items:center;justify-content:center}.tag img{height:70px;width:70px;border-radius:70%}.luxury{display:flex;align-items:center;justify-content:center;width:650px;font-size:19px}.cart{color:#fff;display:flex}.cart_quantity_count{margin-top:16px;margin-left:27px;position:absolute;font-size:29px}.plantname_heading{display:flex;align-items:center;justify-content:center}.plant_heading{width:400px;text-align:center;margin:20px;border:1px solid rgb(5,4,4);border-left:none;border-right:none}@media (max-width: 768px){.product-card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}.product-button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.product-button:hover{background-color:#45a049}.product-button.added-to-cart{background-color:gray}@media (max-width: 1200px){.product-card{flex:1 1 calc(33.33% - 20px);max-width:calc(33.33% - 20px)}}@media (max-width: 768px){.product-card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}.navbar{flex-direction:column;align-items:center}.tag{margin-bottom:20px;text-align:center}.ul{display:flex;flex-direction:column;gap:10px}.ul div{text-align:center}}.cart-item{display:flex;border-bottom:1px solid #ccc;padding:10px 0;background-color:#fff;width:500px;gap:30px}.cart-item-image{width:200px;height:200px;margin-right:20px}.cart-item-details{flex-grow:1}.cart-item-name{font-weight:700;margin-bottom:5px;font-size:25px}.cart-item-cost{margin-bottom:10px;margin-top:10px}.cart-item-quantity{display:flex;align-items:center;margin-bottom:15px}.cart-item-button{background-color:#f0f0f0;border:1px solid lightgrey;color:#333;font-size:18px;cursor:pointer;padding:5px 10px;margin:0 5px;border-radius:5px}.cart-item-quantity-value{font-size:16px;font-weight:700;margin:0 10px}.cart-item-total{font-weight:700}.cart-item-delete{background-color:#ff6961;border:none;color:#fff;font-size:14px;cursor:pointer;padding:10px 15px;margin-top:10px;border-radius:10px}.cart-item-delete:hover{background-color:#c00}@media (max-width: 768px){.cart-item{flex-direction:column;align-items:flex-start;width:100%}.cart-item-image{width:100%;height:auto;margin-right:0;margin-bottom:10px}.cart-item-details{width:100%}.cart-item-quantity{margin-top:10px}}.cart-container{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px;margin-top:20px}.total_cart_amount{font-size:20px;font-weight:900}.continue_shopping_btn{margin-top:-50px}@media (max-width: 768px){.cart-container{padding:10px}.total_cart_amount{font-size:18px}}.get-started-button1{padding:15px 75px;font-size:23px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s ease;margin-top:40px}*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}.landing-page{position:relative;width:100vw;height:100vh;background-color:#f8f8f8}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://cdn.pixabay.com/photo/2017/07/13/08/59/greenhouse-2499758_1280.jpg);background-size:100% 100%;background-position:center;filter:brightness(.8)}.content{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;top:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;gap:20px}.landing_content{margin-top:430px;margin-left:100px;transform:translate(-50%,-50%);z-index:1;text-align:center;width:400px;height:400px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}.content p,.content h1{color:#fff}.content h1{font-size:48px;margin-bottom:10px}.content p{font-size:25px}.divider{width:50px;height:2px;background-color:#4caf50;margin:10px 0}.get-started-button{padding:15px 25px;font-size:23px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s ease;margin-top:40px}.get-started-button:hover{background-color:#45a049}.product-list-container{position:absolute;overflow-x:hidden;top:100vh;left:0;width:100%;height:100vh;background-color:#ffffffe6;transition:top .5s ease;overflow-y:auto;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.product-list-container.visible{top:0}@media screen and (max-width: 768px){.content{flex-direction:column;align-items:center;width:100vw;height:100vh}.landing_content{margin-top:100px;margin-left:0;width:80%;text-align:center}.aboutus_container{margin-top:20px;width:80%}}@media screen and (max-width: 480px){.landing_content{margin-top:50px;width:90%}.aboutus_container{width:90%}}.about-us-container{width:1000px;text-align:justify}.about-us-heading{font-size:32px;font-weight:700;color:#333;margin-bottom:20px}.about-us-description{font-size:18px;color:#666;margin-bottom:30px;text-align:center}.about-us-content{font-size:18px;margin-bottom:20px}.plant_logo_right{text-align:right}.plant_logo_left{text-align:left} diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 000000000..7af1bbe00 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,16 @@ + + + + + + + E-Plant + + + + + + +
+ + diff --git a/dist/vite.svg b/dist/vite.svg new file mode 100644 index 000000000..e7b8dfb1b --- /dev/null +++ b/dist/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 000000000..e7b8dfb1b --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/AboutUs.css b/src/AboutUs.css new file mode 100644 index 000000000..ab682db24 --- /dev/null +++ b/src/AboutUs.css @@ -0,0 +1,33 @@ +.about-us-container { + width: 1000px; + /* margin: 0 auto; */ + /* padding: 20px; */ + /* background-color: red; */ + text-align: justify; + } + + .about-us-heading { + font-size: 32px; + font-weight: bold; + color: #333; + margin-bottom: 20px; + } + + .about-us-description { + font-size: 18px; + color: #666; + margin-bottom: 30px; + text-align: center; + } + + .about-us-content { + font-size: 18px; + margin-bottom: 20px; + } + .plant_logo_right{ + text-align: right; + } + + .plant_logo_left{ + text-align: left; + } \ No newline at end of file diff --git a/src/AboutUs.jsx b/src/AboutUs.jsx new file mode 100644 index 000000000..2341581c5 --- /dev/null +++ b/src/AboutUs.jsx @@ -0,0 +1,32 @@ +import React from 'react'; +import './AboutUs.css'; + +function AboutUs() { + return ( +
+ {/*

About Us

*/} +

Welcome to Paradise Nursery, where green meets serenity!

+

+ At Paradise Nursery, we are passionate about bringing nature closer to you. Our mission is to provide a wide range of + high-quality plants that not only enhance the beauty of your surroundings but also contribute to a healthier and + more sustainable lifestyle. From air-purifying plants to aromatic fragrant ones, we have something for every + plant enthusiast. +

+ {/*

*/} +

+ Our team of experts is dedicated to ensuring that each plant meets our strict standards of quality and care. + Whether you're a seasoned gardener or just starting your green journey, we're here to support you every step of + the way. Feel free to explore our collection, ask questions, and let us help you find the perfect plant for your + home or office. +

+ {/*

*/} + +

+ Join us in our mission to create a greener, healthier world. Visit Paradise Nursery today and experience the + beauty of nature right at your doorstep. +

+
+ ); +} + +export default AboutUs; diff --git a/src/App.css b/src/App.css new file mode 100644 index 000000000..88bb5690e --- /dev/null +++ b/src/App.css @@ -0,0 +1,147 @@ +/* LandingPage.css */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + overflow: hidden; +} + +.landing-page { + position: relative; + width: 100vw; + height: 100vh; + background-color: #f8f8f8; +} + +.background-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: url('https://cdn.pixabay.com/photo/2017/07/13/08/59/greenhouse-2499758_1280.jpg'); + background-size: 100% 100%; + background-position: center; + filter: brightness(0.8); +} +.content { + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + width: 100vw; + top: 100px; + backdrop-filter: blur(4px); + background-color: rgba(0,0,0,0.5); + gap: 20px; +} + +.landing_content { + margin-top: 430px; + margin-left: 100px; + transform: translate(-50%, -50%); + z-index: 1; + text-align: center; + /* background-color: red; */ + width: 400px; + height: 400px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + gap: 10px; +} + +.content p, +.content h1 { + color: white; +} + +.content h1 { + font-size: 48px; + margin-bottom: 10px; +} + +.content p { + font-size: 25px; +} + +.divider { + width: 50px; + height: 2px; + background-color: #4caf50; + margin: 10px 0; +} + +.get-started-button { + padding: 15px 25px; + font-size: 23px; + border: none; + border-radius: 5px; + background-color: #4caf50; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; + margin-top: 40px; +} + +.get-started-button:hover { + background-color: #45a049; +} + +/* ProductList.css */ + +.product-list-container { + position: absolute; + overflow-x: hidden; + top: 100vh; + /* Initially off-screen */ + left: 0; + width: 100%; + height: 100vh; + background-color: rgba(255, 255, 255, 0.9); + /* Adjust background opacity as needed */ + transition: top 0.5s ease; + /* Smooth transition for top property */ + overflow-y: auto; + /* Enable vertical scrolling */ + z-index: 2; + /* Ensure it's above landing page content */ + backdrop-filter: blur(5px); +} + +.product-list-container.visible { + top: 0; +} +/* LandingPage.css */ +@media screen and (max-width: 768px) { + .content { + flex-direction: column; + align-items: center; + width: 100vw; + height: 100vh; + } + + .landing_content { + margin-top: 100px; /* Adjust as needed */ + margin-left: 0; + width: 80%; /* Adjust as needed */ + text-align: center; + } + + .aboutus_container { + margin-top: 20px; /* Adjust as needed */ + width: 80%; /* Adjust as needed */ + } +} + +@media screen and (max-width: 480px) { + .landing_content { + margin-top: 50px; /* Adjust as needed */ + width: 90%; /* Adjust as needed */ + } + + .aboutus_container { + width: 90%; /* Adjust as needed */ + } +} diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 000000000..c53954621 --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,45 @@ + +import React, { useState } from 'react'; +import ProductList from './ProductList'; +import './App.css'; +import AboutUs from './AboutUs'; + +function App() { + + const [showProductList, setShowProductList] = useState(false); + + const handleGetStartedClick = () => { + setShowProductList(true); + }; + + return ( +
+
+
+
+
+

Welcome To Paradise Nursery

+
+

Where Green Meets Serenity

+ + +
+
+ +
+
+ +
+
+ +
+
+ ); +} + +export default App; + + + diff --git a/src/CartItem.css b/src/CartItem.css new file mode 100644 index 000000000..66a6a4061 --- /dev/null +++ b/src/CartItem.css @@ -0,0 +1,243 @@ +/* CartItem.css */ +/* CartItem.css */ + +.cart-item { + display: flex; + border-bottom: 1px solid #ccc; + padding: 10px 0; + background-color: white; + width: 500px; + gap: 30px; +} + +.cart-item-image { + width: 200px; + height: 200px; + /* object-fit: contain; */ + margin-right: 20px; +} + +.cart-item-details { + flex-grow: 1; +} + +.cart-item-name { + font-weight: bold; + margin-bottom: 5px; + font-size: 25px; +} + +.cart-item-cost { + margin-bottom: 10px; + margin-top: 10px; +} + +.cart-item-quantity { + display: flex; + align-items: center; + margin-bottom: 15px; +} + +.cart-item-button { + background-color: #f0f0f0; + border: 1px solid lightgrey; + color: #333; + font-size: 18px; + cursor: pointer; + padding: 5px 10px; + margin: 0 5px; + border-radius: 5px; +} + +.cart-item-quantity-value { + font-size: 16px; + font-weight: bold; + margin: 0 10px; +} + +.cart-item-total { + font-weight: bold; +} + +.cart-item-delete { + background-color: #ff6961; + border: none; + color: #fff; + font-size: 14px; + cursor: pointer; + padding: 10px 15px; + margin-top: 10px; + border-radius: 10px; +} + +.cart-item-delete:hover { + background-color: #cc0000; +} +/* .cart-item-button-dec{ + background-color: red; +} +.cart-item-button-inc{ + background-color: green; +} */ +@media (max-width: 768px) { + .cart-item { + flex-direction: column; /* Change flex direction to stack items vertically */ + align-items: flex-start; /* Align items to the start of the container */ + width: 100%; /* Set width to full width */ + } + + .cart-item-image { + width: 100%; /* Set image width to full width */ + height: auto; /* Allow image height to adjust proportionally */ + margin-right: 0; /* Remove margin */ + margin-bottom: 10px; /* Add margin bottom for spacing */ + } + + .cart-item-details { + width: 100%; /* Set details width to full width */ + } + + .cart-item-quantity { + margin-top: 10px; /* Add margin top for spacing */ + } +} +.cart-item { + display: flex; + border-bottom: 1px solid #ccc; + padding: 10px 0; + background-color: white; + width: 500px; + gap: 30px; + } + + .cart-item-image { + width: 200px; + height: 200px; + /* object-fit: contain; */ + margin-right: 20px; + } + + .cart-item-details { + flex-grow: 1; + } + + .cart-item-name { + font-weight: bold; + margin-bottom: 5px; + font-size: 25px; + } + + .cart-item-cost { + margin-bottom: 10px; + margin-top: 10px; + } + + .cart-item-quantity { + display: flex; + align-items: center; + margin-bottom: 15px; + } + + .cart-item-button { + background-color: #f0f0f0; + border: 1px solid lightgrey; + color: #333; + font-size: 18px; + cursor: pointer; + padding: 5px 10px; + margin: 0 5px; + border-radius: 5px; + } + + .cart-item-quantity-value { + font-size: 16px; + font-weight: bold; + margin: 0 10px; + } + + .cart-item-total { + font-weight: bold; + } + + .cart-item-delete { + background-color: #ff6961; + border: none; + color: #fff; + font-size: 14px; + cursor: pointer; + padding: 10px 15px; + margin-top: 10px; + border-radius: 10px; + } + + .cart-item-delete:hover { + background-color: #cc0000; + } + /* .cart-item-button-dec{ + background-color: red; + } + .cart-item-button-inc{ + background-color: green; + } */ + @media (max-width: 768px) { + .cart-item { + flex-direction: column; /* Change flex direction to stack items vertically */ + align-items: flex-start; /* Align items to the start of the container */ + width: 100%; /* Set width to full width */ + } + + .cart-item-image { + width: 100%; /* Set image width to full width */ + height: auto; /* Allow image height to adjust proportionally */ + margin-right: 0; /* Remove margin */ + margin-bottom: 10px; /* Add margin bottom for spacing */ + } + + .cart-item-details { + width: 100%; /* Set details width to full width */ + } + + .cart-item-quantity { + margin-top: 10px; /* Add margin top for spacing */ + } + } + + + .cart-container{ + /* text-align: center; */ + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + gap: 20px; + margin-top: 20px; + } + .total_cart_amount{ + font-size: 20px; + font-weight: 900; + } +.continue_shopping_btn{ + margin-top: -50px; +} + @media (max-width: 768px) { + .cart-container { + padding: 10px; /* Reduce padding */ + } + + .total_cart_amount { + font-size: 18px; /* Reduce font size */ + } + } + + .get-started-button1 { + padding: 15px 75px; + font-size: 23px; + border: none; + border-radius: 5px; + background-color: #4caf50; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; + margin-top: 40px; + } + \ No newline at end of file diff --git a/src/CartItem.jsx b/src/CartItem.jsx new file mode 100644 index 000000000..e1563eebf --- /dev/null +++ b/src/CartItem.jsx @@ -0,0 +1,131 @@ +import React from 'react'; +import { useSelector, useDispatch } from 'react-redux'; +import { removeItem, updateQuantity } from './CartSlice'; +import './CartItem.css'; + +const CartItem = ({ onContinueShopping }) => { + const cart = useSelector(state => state.cart.items); + const dispatch = useDispatch(); + + // Calcula o valor total de todos os itens no carrinho + const calculateTotalAmount = () => { + return cart.reduce((total, item) => { + // Remove o símbolo '$' e converte para número + const cost = parseFloat(item.cost.replace('$', '')); + return total + (cost * item.quantity); + }, 0).toFixed(2); // Mantém 2 casas decimais + }; + + // Manipula o botão "Continuar Comprando" + const handleContinueShopping = (e) => { + e.preventDefault(); + onContinueShopping(); // Chama a função passada como prop + }; + + // Manipula o botão de checkout + const handleCheckoutShopping = () => { + alert('Functionality to be added for future reference'); + }; + + // Incrementa a quantidade de um item + const handleIncrement = (item) => { + dispatch(updateQuantity({ + name: item.name, + quantity: item.quantity + 1 + })); + }; + + // Decrementa a quantidade de um item + const handleDecrement = (item) => { + if (item.quantity === 1) { + // Remove o item se a quantidade chegar a zero + dispatch(removeItem(item.name)); + } else { + dispatch(updateQuantity({ + name: item.name, + quantity: item.quantity - 1 + })); + } + }; + + // Remove um item do carrinho + const handleRemove = (item) => { + dispatch(removeItem(item.name)); + }; + + // Calcula o custo total de um item específico + const calculateTotalCost = (item) => { + const cost = parseFloat(item.cost.replace('$', '')); + return (cost * item.quantity).toFixed(2); + }; + + // Calcula a quantidade total de itens no carrinho + const calculateTotalItems = () => { + return cart.reduce((total, item) => total + item.quantity, 0); + }; + + return ( +
+

+ Total Cart Amount: ${calculateTotalAmount()} + ({calculateTotalItems()} items) +

+ +
+ {cart.map(item => ( +
+ {item.name} +
+
{item.name}
+
{item.cost} per unit
+
+ + {item.quantity} + +
+
Total: ${calculateTotalCost(item)}
+ +
+
+ ))} +
+ +
+ Total Items: {calculateTotalItems()} +
+ +
+ +
+ +
+
+ ); +}; + +export default CartItem; \ No newline at end of file diff --git a/src/CartSlice.jsx b/src/CartSlice.jsx new file mode 100644 index 000000000..ff706340a --- /dev/null +++ b/src/CartSlice.jsx @@ -0,0 +1,35 @@ +import { createSlice } from '@reduxjs/toolkit'; + +export const CartSlice = createSlice({ + name: 'cart', + initialState: { + items: [], // Initialize items as an empty array + }, + reducers: { + addItem: (state, action) => { + const { name, image, cost } = action.payload; + const existingItem = state.items.find(item => item.name === name); + if (existingItem) { + existingItem.quantity++; + } else { + state.items.push({ name, image, cost, quantity: 1 }); + } + }, + removeItem: (state, action) => { + state.items = state.items.filter(item => item.name !== action.payload); + + }, + updateQuantity: (state, action) => { + + const { name, quantity } = action.payload; + const itemToUpdate = state.items.find(item => item.name === name); + if (itemToUpdate) { + itemToUpdate.quantity = quantity; + } + }, + }, +}); + +export const { addItem, removeItem, updateQuantity } = CartSlice.actions; + +export default CartSlice.reducer; diff --git a/src/ProductList.css b/src/ProductList.css new file mode 100644 index 000000000..52f9c7a84 --- /dev/null +++ b/src/ProductList.css @@ -0,0 +1,252 @@ +/* Reset some default styles */ +body, h1, ul { + margin: 0; + padding: 0; +} + +/* Set a background color */ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; +} + +/* Navbar */ +.navbar { + background-color: #4CAF50; + color: #fff!important; + padding: 15px; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 20px; +} + +.navbar .ul { + display: flex; + justify-content: space-between; + align-items: center; + width: 1100px; +} + +.navbar li { + margin-right: 30px; +} + +.navbar .ul div a { + color: white; + font-size: 30px; + text-decoration: none; + +} + +/* Product Grid */ +.product-grid { + display:flex; + flex-direction: column; + width: 100vw; + align-items: center; + justify-content: center; +} +.product-list { + display: flex; + flex-wrap: wrap; + gap: 50px; + /* background-color: pink; */ + /* justify-content: space-between; */ + padding: 20px; + width: 100%; + align-items: center; + justify-content: center; +} + +/* Product Card */ +.product-card { + flex: 0 0 calc(33.33% - 20px); /* Adjust width for 3 cards per row with 20px gap */ + max-width: calc(26.33% - 20px); /* Adjust max-width for 3 cards per row with 20px gap */ + margin-bottom: 20px; + padding: 20px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; + position: relative; + + gap: 20px; +} + +/* Pseudo-classes - Hover effect on product button */ +.product-card:hover { + transform: scale(1.05); + transition: transform 0.3s ease-in-out; + z-index: 1; +} + +.product-title { + font-weight: bold; + margin-bottom: 10px; +} + +.product-price { + color: #e74c3c; + font-size: 1.2rem; + margin-bottom: 10px; +} + +.product-image { + max-width: 100%; + height: 200px; /* Adjust height for better consistency */ +} + +.product-button { + background-color: #e74c3c; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + transition: background-color 0.3s ease-in-out; + margin-top: 10px; +} + +.product-button:hover { + background-color: #c0392b; +} + +/* Pseudo-elements - Sale badge */ +.product-card::before { + content: "SALE"; + background-color: #e74c3c; + color: #fff; + position: absolute; + top: 0; + right: 0; + padding: 5px 10px; + border-radius: 0 0 0 5px; +} +.tag_home_link{ + display: flex; + /* background-color: red; */ + flex-direction: column; + align-items: center; + justify-content: center; + margin-left: 50px; + color: white; + text-decoration: none; + font-size: 20px; +} +.tag_home_link h3{ + font-size: 30px; +} +.tag a{ + text-decoration: none; +} +.tag { + width: 400px; + display: flex; + align-items: center; + justify-content: center; +} + +.tag img { + height: 70px; + width: 70px; + border-radius: 70%; + +} + +.luxury { + display: flex; + align-items: center; + justify-content: center; + width: 650px; + font-size: 19px; +} +.cart{ + color: white; + display: flex; +} +.cart_quantity_count{ + margin-top: 16px; + /* background-color: red; */ + margin-left: 27px; + position: absolute; + font-size: 29px; + +} +.plantname_heading{ + display: flex; + align-items: center; + justify-content: center; + /* background-color: yellow; */ +} +.plant_heading{ + width: 400px; + text-align: center; + margin: 20px; + border: 1px solid rgb(5, 4, 4); + border-left: none; + border-right: none; + + +} +/* Add Media Query for responsiveness */ +@media (max-width: 768px) { + .product-card { + flex: 1 1 calc(50% - 20px); /* Adjust width for 2 cards per row with 20px gap on smaller screens */ + max-width: calc(50% - 20px); /* Adjust max-width for 2 cards per row with 20px gap on smaller screens */ + } +} +/* ProductList.css */ + +.product-button { + background-color: #4CAF50; /* Green */ + border: none; + color: white; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + transition-duration: 0.4s; + cursor: pointer; + } + + .product-button:hover { + background-color: #45a049; + } + + .product-button.added-to-cart { + background-color: grey; /* Grey when product is added */ + } + @media (max-width: 1200px) { + .product-card { + flex: 1 1 calc(33.33% - 20px); /* Adjust width for 3 cards per row with 20px gap on medium screens */ + max-width: calc(33.33% - 20px); /* Adjust max-width for 3 cards per row with 20px gap on medium screens */ + } + } + + @media (max-width: 768px) { + .product-card { + flex: 1 1 calc(50% - 20px); /* Adjust width for 2 cards per row with 20px gap on small screens */ + max-width: calc(50% - 20px); /* Adjust max-width for 2 cards per row with 20px gap on small screens */ + } + .navbar { + flex-direction: column; /* Change flex direction to stack items vertically */ + align-items: center; /* Align items to the center of the container */ + } + + .tag { + margin-bottom: 20px; /* Add margin bottom for spacing */ + text-align: center; /* Align text to the center */ + } + + .ul { + display: flex; /* Set display to flex */ + flex-direction: column; /* Change flex direction to stack items vertically */ + gap: 10px; /* Add gap between items */ + } + + .ul div { + text-align: center; /* Align text to the center */ + } + } \ No newline at end of file diff --git a/src/ProductList.jsx b/src/ProductList.jsx new file mode 100644 index 000000000..9239f83f1 --- /dev/null +++ b/src/ProductList.jsx @@ -0,0 +1,334 @@ +import React, { useState } from 'react'; +import './ProductList.css'; +import { addItem } from './CartSlice'; +import { useDispatch } from 'react-redux'; +import CartItem from './CartItem'; + +function ProductList() { + //estados da estrutura do site front end + + const [addedToCart, setAddedToCart] = useState({}); + const [showCart, setShowCart] = useState(false); + const [showPlants, setShowPlants] = useState(false); + const dispatch = useDispatch(); + + + const plantsArray = [ + { + category: "Air Purifying Plants", + plants: [ + { + name: "Snake Plant", + image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", + description: "Produces oxygen at night, improving air quality.", + cost: "$15" + }, + { + name: "Spider Plant", + image: "https://cdn.pixabay.com/photo/2018/07/11/06/47/chlorophytum-3530413_1280.jpg", + description: "Filters formaldehyde and xylene from the air.", + cost: "$12" + }, + { + name: "Peace Lily", + image: "https://cdn.pixabay.com/photo/2019/06/12/14/14/peace-lilies-4269365_1280.jpg", + description: "Removes mold spores and purifies the air.", + cost: "$18" + }, + { + name: "Boston Fern", + image: "https://cdn.pixabay.com/photo/2020/04/30/19/52/boston-fern-5114414_1280.jpg", + description: "Adds humidity to the air and removes toxins.", + cost: "$20" + }, + { + name: "Rubber Plant", + image: "https://cdn.pixabay.com/photo/2020/02/15/11/49/flower-4850729_1280.jpg", + description: "Easy to care for and effective at removing toxins.", + cost: "$17" + }, + { + name: "Aloe Vera", + image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", + description: "Purifies the air and has healing properties for skin.", + cost: "$14" + } + ] + }, + { + category: "Aromatic Fragrant Plants", + plants: [ + { + name: "Lavender", + image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Calming scent, used in aromatherapy.", + cost: "$20" + }, + { + name: "Jasmine", + image: "https://images.unsplash.com/photo-1592729645009-b96d1e63d14b?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Sweet fragrance, promotes relaxation.", + cost: "$18" + }, + { + name: "Rosemary", + image: "https://cdn.pixabay.com/photo/2019/10/11/07/12/rosemary-4541241_1280.jpg", + description: "Invigorating scent, often used in cooking.", + cost: "$15" + }, + { + name: "Mint", + image: "https://cdn.pixabay.com/photo/2016/01/07/18/16/mint-1126282_1280.jpg", + description: "Refreshing aroma, used in teas and cooking.", + cost: "$12" + }, + { + name: "Lemon Balm", + image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", + description: "Citrusy scent, relieves stress and promotes sleep.", + cost: "$14" + }, + { + name: "Hyacinth", + image: "https://cdn.pixabay.com/photo/2019/04/07/20/20/hyacinth-4110726_1280.jpg", + description: "Hyacinth is a beautiful flowering plant known for its fragrant.", + cost: "$22" + } + ] + }, + { + category: "Insect Repellent Plants", + plants: [ + { + name: "oregano", + image: "https://cdn.pixabay.com/photo/2015/05/30/21/20/oregano-790702_1280.jpg", + description: "The oregano plants contains compounds that can deter certain insects.", + cost: "$10" + }, + { + name: "Marigold", + image: "https://cdn.pixabay.com/photo/2022/02/22/05/45/marigold-7028063_1280.jpg", + description: "Natural insect repellent, also adds color to the garden.", + cost: "$8" + }, + { + name: "Geraniums", + image: "https://cdn.pixabay.com/photo/2012/04/26/21/51/flowerpot-43270_1280.jpg", + description: "Known for their insect-repelling properties while adding a pleasant scent.", + cost: "$20" + }, + { + name: "Basil", + image: "https://cdn.pixabay.com/photo/2016/07/24/20/48/tulsi-1539181_1280.jpg", + description: "Repels flies and mosquitoes, also used in cooking.", + cost: "$9" + }, + { + name: "Lavender", + image: "https://images.unsplash.com/photo-1611909023032-2d6b3134ecba?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Calming scent, used in aromatherapy.", + cost: "$20" + }, + { + name: "Catnip", + image: "https://cdn.pixabay.com/photo/2015/07/02/21/55/cat-829681_1280.jpg", + description: "Repels mosquitoes and attracts cats.", + cost: "$13" + } + ] + }, + { + category: "Medicinal Plants", + plants: [ + { + name: "Aloe Vera", + image: "https://cdn.pixabay.com/photo/2018/04/02/07/42/leaf-3283175_1280.jpg", + description: "Soothing gel used for skin ailments.", + cost: "$14" + }, + { + name: "Echinacea", + image: "https://cdn.pixabay.com/photo/2014/12/05/03/53/echinacea-557477_1280.jpg", + description: "Boosts immune system, helps fight colds.", + cost: "$16" + }, + { + name: "Peppermint", + image: "https://cdn.pixabay.com/photo/2017/07/12/12/23/peppermint-2496773_1280.jpg", + description: "Relieves digestive issues and headaches.", + cost: "$13" + }, + { + name: "Lemon Balm", + image: "https://cdn.pixabay.com/photo/2019/09/16/07/41/balm-4480134_1280.jpg", + description: "Calms nerves and promotes relaxation.", + cost: "$14" + }, + { + name: "Chamomile", + image: "https://cdn.pixabay.com/photo/2016/08/19/19/48/flowers-1606041_1280.jpg", + description: "Soothes anxiety and promotes sleep.", + cost: "$15" + }, + { + name: "Calendula", + image: "https://cdn.pixabay.com/photo/2019/07/15/18/28/flowers-4340127_1280.jpg", + description: "Heals wounds and soothes skin irritations.", + cost: "$12" + } + ] + }, + { + category: "Low Maintenance Plants", + plants: [ + { + name: "ZZ Plant", + image: "https://images.unsplash.com/photo-1632207691143-643e2a9a9361?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + description: "Thrives in low light and requires minimal watering.", + cost: "$25" + }, + { + name: "Pothos", + image: "https://cdn.pixabay.com/photo/2018/11/15/10/32/plants-3816945_1280.jpg", + description: "Tolerates neglect and can grow in various conditions.", + cost: "$10" + }, + { + name: "Snake Plant", + image: "https://cdn.pixabay.com/photo/2021/01/22/06/04/snake-plant-5939187_1280.jpg", + description: "Needs infrequent watering and is resilient to most pests.", + cost: "$15" + }, + { + name: "Cast Iron Plant", + image: "https://cdn.pixabay.com/photo/2017/02/16/18/04/cast-iron-plant-2072008_1280.jpg", + description: "Hardy plant that tolerates low light and neglect.", + cost: "$20" + }, + { + name: "Succulents", + image: "https://cdn.pixabay.com/photo/2016/11/21/16/05/cacti-1846147_1280.jpg", + description: "Drought-tolerant plants with unique shapes and colors.", + cost: "$18" + }, + { + name: "Aglaonema", + image: "https://cdn.pixabay.com/photo/2014/10/10/04/27/aglaonema-482915_1280.jpg", + description: "Requires minimal care and adds color to indoor spaces.", + cost: "$22" + } + ] + } + ]; + 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 handleCartClick = (e) => { + e.preventDefault(); + setShowCart(true); // Set showCart to true when cart icon is clicked + }; + const handlePlantsClick = (e) => { + e.preventDefault(); + setShowPlants(true); // Set showAboutUs to true when "About Us" link is clicked + setShowCart(false); // Hide the cart when navigating to About Us + }; + + const handleContinueShopping = (e) => { + e.preventDefault(); + setShowCart(false); + }; + + const handleAddToCart = (plant) => { + // Dispatch para o CartSlice + dispatch(addItem({ + id: plant.name, // usando o nome como ID + name: plant.name, + cost: plant.cost, + image: plant.image, + description: plant.description + })); + + setAddedToCart(prevState => ({ + ...prevState, // Preserva os itens já no estado + [plant.name]: true, // Adiciona ou atualiza o estado do item + })); + alert(`${plant.name} foi adicionado ao carrinho!`); + }; + + return ( +
+ {/* Adicione a barra de navegação aqui */} + + + {/* Renderização condicional do carrinho ou lista de produtos */} + {showCart ? ( + + ) : ( +
+ {plantsArray.map((category, categoryIndex) => ( +
+

{category.category}

+
+ {category.plants.map((plant, plantIndex) => ( +
+ {plant.name} +
{plant.name}
+
{plant.description}
+
{plant.cost}
+ +
+ ))} +
+
+ ))} +
+ )} +
+ ); +} +export default ProductList; diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 000000000..6c87de9bb --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 000000000..e69de29bb diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 000000000..9ea042ec2 --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,13 @@ +import React from 'react' +import ReactDOM from 'react-dom/client' +import App from './App.jsx' +import './index.css' +import { Provider } from 'react-redux' +import store from './store.js' +ReactDOM.createRoot(document.getElementById('root')).render( + + + + + , +) diff --git a/src/store.js b/src/store.js new file mode 100644 index 000000000..54d0d6d66 --- /dev/null +++ b/src/store.js @@ -0,0 +1,8 @@ +import { configureStore } from '@reduxjs/toolkit'; +import cartReducer from './CartSlice'; + const store = configureStore({ + reducer: { + cart: cartReducer, + }, +}); +export default store