From 528f2da9596c96aa3f309dff223a05ddd08b4234 Mon Sep 17 00:00:00 2001
From: npcdazai <prathammandavkar932@gmail.com>
Date: Tue, 1 Oct 2024 19:57:08 +0530
Subject: [PATCH] NAN

---
 .../OptiFiiGifsAndVouchers/BuyVoucher.jsx     | 106 ++++++++++++++++--
 src/Pages/OptiFiiGifsAndVouchers/Preview.jsx  |   2 +-
 2 files changed, 98 insertions(+), 10 deletions(-)

diff --git a/src/Pages/OptiFiiGifsAndVouchers/BuyVoucher.jsx b/src/Pages/OptiFiiGifsAndVouchers/BuyVoucher.jsx
index 9bb48d0..4305d69 100644
--- a/src/Pages/OptiFiiGifsAndVouchers/BuyVoucher.jsx
+++ b/src/Pages/OptiFiiGifsAndVouchers/BuyVoucher.jsx
@@ -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 (
diff --git a/src/Pages/OptiFiiGifsAndVouchers/Preview.jsx b/src/Pages/OptiFiiGifsAndVouchers/Preview.jsx
index 9bdbae8..3c0cbef 100644
--- a/src/Pages/OptiFiiGifsAndVouchers/Preview.jsx
+++ b/src/Pages/OptiFiiGifsAndVouchers/Preview.jsx
@@ -92,7 +92,7 @@ import {
   
         <Box
           bgColor="#F3F3F9"
-          h="40%"
+          h="100%"
           {...OPACITY_ON_LOAD}
           overflowX={"scroll"}
           border="1px"