NAN
This commit is contained in:
@@ -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 (
|
||||
|
||||
@@ -92,7 +92,7 @@ import {
|
||||
|
||||
<Box
|
||||
bgColor="#F3F3F9"
|
||||
h="40%"
|
||||
h="100%"
|
||||
{...OPACITY_ON_LOAD}
|
||||
overflowX={"scroll"}
|
||||
border="1px"
|
||||
|
||||
Reference in New Issue
Block a user