From 69fb6ba913b2af5cb36abe4c17f27e3d77eb4b84 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Wed, 24 May 2023 17:23:16 -0400
Subject: [PATCH] fix wallets

---
 src/components/Home/FamilyActiveLSlde.jsx |  2 +-
 src/components/Home/index.jsx             | 16 +++-----------
 src/components/MyWallet/Balance.jsx       | 26 +++++++++++++++--------
 3 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/components/Home/FamilyActiveLSlde.jsx b/src/components/Home/FamilyActiveLSlde.jsx
index 90c5cf3..56d4e5c 100644
--- a/src/components/Home/FamilyActiveLSlde.jsx
+++ b/src/components/Home/FamilyActiveLSlde.jsx
@@ -47,7 +47,7 @@ export default function FamilyActiveLSlde({ className, trending }) {
                 <div>
                     <h1 className="text-26 font-bold   text-dark-gray dark:text-white">Current Tasks</h1>
                 </div>
-                <div className="slider-btns flex space-x-4">
+                <div className="slider-btns flex space-x-3">
                     <button onClick={nextHandler} type="button">
                         <div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
                             <svg
diff --git a/src/components/Home/index.jsx b/src/components/Home/index.jsx
index df331ef..ac5617a 100644
--- a/src/components/Home/index.jsx
+++ b/src/components/Home/index.jsx
@@ -1,14 +1,6 @@
 import React from "react";
 import datas from "../../data/product_data.json";
 import Layout from "../Partials/Layout";
-import CreateNft from "./CreateNft";
-import Hero from "./Hero";
-import SellHistoryMarketVisitorAnalytic from "./SellHistoryMarketVisitorAnalytic";
-import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
-import TrendingSection from "./TrendingSection";
-import UpdateTable from "./UpdateTable";
-import HomeTaskDisplay from "./HomeTaskDisplay";
-import UsersService from "../../services/UsersService";
 import usersService from "../../services/UsersService";
 import { useSelector } from "react-redux";
 import FamilyDash from "./FamilyDash";
@@ -19,12 +11,10 @@ export default function Home(props) {
 
     console.log("PROPS IN HOME->",props);
 
-    const trending = datas.datas;
-    const jobData =  datas.datas; // api calls or cache
-    //getHomeDate
+//    const trending = datas.datas;
+//    const jobData =  datas.datas; // api calls or cache
     const userApi = new usersService();
-    const homeData = userApi.getHomeDate();
-
+//    const homeData = userApi.getHomeDate();
     const {userDetails} = useSelector((state) => state?.userDetails)
 
     const commonHeadData =()=>{
diff --git a/src/components/MyWallet/Balance.jsx b/src/components/MyWallet/Balance.jsx
index 7c3bbd4..aeee136 100644
--- a/src/components/MyWallet/Balance.jsx
+++ b/src/components/MyWallet/Balance.jsx
@@ -10,7 +10,7 @@ function Balance({wallet, coupon}) {
         <div className="content-wrapper">
             <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
                 {/* WALLET SECTION */}
-                <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
+                <div className="lg:w-3/4 w-full mb-10 lg:mb-0">
                     <div className="wallet w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow">
                         <div className='flex items-baseline justify-between'>
                             <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>
@@ -42,9 +42,11 @@ function Balance({wallet, coupon}) {
                             <div className='w-full my-2 md:my-0 md:w-1/2 flex space-x-2 items-center justify-start md:justify-end'>
                                 {
                                     item.action_type != 'AC_AD_FD_ONLY' ?
-                                        <Link to='transfer-fund' className='text-base text-white px-3 py-1 bg-purple rounded-md hover:opacity-80'>Transfer</Link>:''
+                                        <Link to='transfer-fund' className='lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]
+                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4'>Transfer</Link>:''
                                 }
-                                <Link to='add-fund' className='text-base text-white px-3 py-1 bg-[orange] rounded-md hover:opacity-80'>Top Up</Link>
+                                <Link to='add-fund' className='lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]
+                                                                   items-center rounded-full relative  bg-purple pr-1.5 pl-4'>+Add Credit</Link>
                             </div>
                         </div>
                         ))
@@ -68,19 +70,25 @@ function Balance({wallet, coupon}) {
                 {/* END OF WALLET SECTION */}
 
 
+
+            </div>
+
+            <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
+
                 {/* COUPON SECTION */}
-                <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
+                <div className="lg:w-3/4 w-full mb-10 lg:mb-0">
                     <div className="wallet w-full  md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">
                         <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>
-                        {coupon.loading ? 
-                        <LoadingSpinner size='16' color='sky-blue' />
-                        :
-                        <CouponTable coupon={coupon} />
+                        {coupon.loading ?
+                            <LoadingSpinner size='16' color='sky-blue' />
+                            :
+                            <CouponTable coupon={coupon} />
                         }
                     </div>
                 </div>
                 {/* END OF COUPON SECTION */}
-            </div>            
+
+            </div>
         </div>
       )
 }