From 2d9a8b55b5257b3456646cad330fd9f0dc634fc7 Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Thu, 13 Jul 2023 18:16:52 +0100
Subject: [PATCH] .

---
 src/components/MyWallet/ConfirmAddFund.jsx |  2 +-
 src/components/MyWallet/WalletBox.jsx      | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/MyWallet/ConfirmAddFund.jsx b/src/components/MyWallet/ConfirmAddFund.jsx
index 9ad2848..5a03780 100644
--- a/src/components/MyWallet/ConfirmAddFund.jsx
+++ b/src/components/MyWallet/ConfirmAddFund.jsx
@@ -159,7 +159,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             </div>
           </div>
           {/* <hr /> */}
-          <div className="min-h-[180px]"></div>
+          <div className="min-h-[160px]"></div>
           <div className="md:p-8 p-4 add-fund-btn flex justify-end items-center py-4 gap-4">
             <button
               className="px-4 h-11 flex justify-center items-center border-gradient text-base rounded-full"
diff --git a/src/components/MyWallet/WalletBox.jsx b/src/components/MyWallet/WalletBox.jsx
index c2235ac..a77e37d 100644
--- a/src/components/MyWallet/WalletBox.jsx
+++ b/src/components/MyWallet/WalletBox.jsx
@@ -1,3 +1,7 @@
+import CurrencyStaticsSection from "./CurrencyStaticsSection";
+import CurrentBalanceWidget from "./CurrentBalanceWidget";
+import InvestmentSection from "./InvestmentSection";
+import RecentTransactionWidget from "./RecentTransactionWidget";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import WalletItemCard from "./WalletItemCard";
 
@@ -6,19 +10,18 @@ export default function WalletBox({ wallet, coupon, payment }) {
     <>
       <div className="my-wallet-wrapper w-full mb-10">
         <div className="main-wrapper w-full">
-          <div className="balance-inquery w-full lg:grid grid-cols-[repeat(auto-fill,_minmax(325px,_1fr))] gap-5 mb-11 h-[22rem]">
+          <div className="balance-inquery w-full lg:flex lg:space-x-11 mb-11">
             {wallet.loading ? (
               <div className="w-full h-full flex items-center justify-center">
                 <LoadingSpinner size="16" color="sky-blue" />
               </div>
-            ) : (
-              wallet.data.length &&
+            ) : wallet.data.length ? (
               wallet.data.map((item, index) => (
-                <div className="lg:w-full h-full mb-10 lg:mb-0">
+                <div className="lg:w-1/2 h-full mb-10 lg:mb-0">
                   <WalletItemCard walletItem={item} payment={payment} />
                 </div>
               ))
-            )}
+            ) : null}
 
             {/*<div className="flex-1">*/}
             {/*    <CurrentBalanceWidget />*/}