This commit is contained in:
npcdazai
2024-10-01 19:57:08 +05:30
parent a10886a40e
commit 528f2da959
2 changed files with 98 additions and 10 deletions

View File

@@ -72,27 +72,115 @@ const BuyVoucher = () => {
const handleProceed = () => {
if (selectedCard !== null) {
navigate("/brand-voucher/preview");
navigate("/brand-voucher/preview"); // Proceed with the selected card
}
};
const tabData = [
{ label: "All", icon: FaTv, content: <Cards handleSelectCard={handleSelectCard} handleProceed={handleProceed} selectedCard={selectedCard} setSelectedCard={setSelectedCard} navigate={navigate} /> },
{ label: "Electronics", icon: FaTv, content: "Content for Electronics" },
{
label: "All",
icon: FaTv,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Electronics",
icon: FaTv,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Ecommerce",
icon: FaShoppingCart,
content: "Content for Ecommerce",
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Lifestyle",
icon: FaHeart,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{ label: "Lifestyle", icon: FaHeart, content: "Content for Lifestyle" },
{
label: "Food & Beverages",
icon: FaUtensils,
content: "Content for Food & Beverages",
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Clothing",
icon: FaTshirt,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Travel",
icon: FaPlane,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{
label: "Lifestyle",
icon: FaHeart,
content: (
<Cards
handleSelectCard={handleSelectCard}
handleProceed={handleProceed}
selectedCard={selectedCard}
setSelectedCard={setSelectedCard}
navigate={navigate}
/>
),
},
{ label: "Clothing", icon: FaTshirt, content: "Content for Clothing" },
{ label: "Travel", icon: FaPlane, content: "Content for Travel" },
{ label: "Lifestyle", icon: FaHeart, content: "Content for Lifestyle" },
];
return (

View File

@@ -92,7 +92,7 @@ import {
<Box
bgColor="#F3F3F9"
h="40%"
h="100%"
{...OPACITY_ON_LOAD}
overflowX={"scroll"}
border="1px"