From 97bfcd68b56186888817f4cbb0b09479ae008873 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 12 Jun 2023 14:00:45 +0100
Subject: [PATCH] default height added to box tables

---
 src/components/FamilyAcc/FamilyTable.jsx           |  2 +-
 src/components/MyActiveJobs/MyActiveJobTable.jsx   | 13 ++++++++++---
 src/components/MyJobs/MyJobTable.jsx               | 13 ++++++++++---
 src/components/MyPendingJobs/MyPendingJobTable.jsx | 13 ++++++++++---
 src/components/MyWallet/Balance.jsx                |  2 +-
 5 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/components/FamilyAcc/FamilyTable.jsx b/src/components/FamilyAcc/FamilyTable.jsx
index 78d8e34..72671e7 100644
--- a/src/components/FamilyAcc/FamilyTable.jsx
+++ b/src/components/FamilyAcc/FamilyTable.jsx
@@ -25,7 +25,7 @@ export default function FamilyTable({ className, familyList, loader, popUpHandle
 
   return (
     <div
-      className={`update-table w-full h-full p-8 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow ${
+      className={`update-table w-full h-full p-8 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow min-h-[520px] ${
         className || ""
       }`}
     >
diff --git a/src/components/MyActiveJobs/MyActiveJobTable.jsx b/src/components/MyActiveJobs/MyActiveJobTable.jsx
index 257ec1b..500ff6c 100644
--- a/src/components/MyActiveJobs/MyActiveJobTable.jsx
+++ b/src/components/MyActiveJobs/MyActiveJobTable.jsx
@@ -28,7 +28,7 @@ export default function MyActiveJobTable({ MyJobList, className }) {
 
   return (
     <div
-      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow ${
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
         className || ""
       }`}
     >
@@ -45,7 +45,7 @@ export default function MyActiveJobTable({ MyJobList, className }) {
                 <>
                   {MyJobList &&
                     MyJobList?.result_list &&
-                    MyJobList.result_list.length > 0 &&
+                    MyJobList.result_list.length > 0 ?
                     currentActiveJobList.map((value, index) => (
                       <tr
                         key={index}
@@ -112,7 +112,14 @@ export default function MyActiveJobTable({ MyJobList, className }) {
                           </div>
                         </td>
                       </tr>
-                    ))}
+                    ))
+                    :
+                    <tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      <td className="p-2">
+                        No Active Task!
+                      </td>
+                    </tr>
+                    }
                 </>
               }
             </tbody>
diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index 1f95253..d6ad737 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -70,7 +70,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
 
   return (
     <div
-      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow ${
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
         className || ""
       }`}
     >
@@ -102,7 +102,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                 <>
                   {MyJobList &&
                     MyJobList?.data?.result_list &&
-                    MyJobList.data?.result_list.length > 0 &&
+                    MyJobList.data?.result_list.length > 0 ?
                     currentJobList.map((value, index) => (
                       <tr
                         key={index}
@@ -181,7 +181,14 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                           </button>
                         </td>
                       </tr>
-                    ))}
+                    ))
+                    :
+                    <tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      <td className="p-2">
+                        No Jobs Avaliable!
+                      </td>
+                    </tr>
+                    }
                 </>
               ) : selectedCategory === "Explore" ? (
                 <></>
diff --git a/src/components/MyPendingJobs/MyPendingJobTable.jsx b/src/components/MyPendingJobs/MyPendingJobTable.jsx
index a7e16c9..d7e6a03 100644
--- a/src/components/MyPendingJobs/MyPendingJobTable.jsx
+++ b/src/components/MyPendingJobs/MyPendingJobTable.jsx
@@ -25,7 +25,7 @@ export default function MyPendingJobTable({ MyJobList, className }) {
 
   return (
       <div
-        className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow ${
+        className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
           className || ""
         }`}
       >
@@ -42,7 +42,7 @@ export default function MyPendingJobTable({ MyJobList, className }) {
                   <>
                     {MyJobList &&
                       MyJobList?.result_list &&
-                      MyJobList.result_list.length > 0 &&
+                      MyJobList.result_list.length > 0 ?
                       currentActiveJobList.map((value, index) => (
                         <tr
                           key={index}
@@ -105,7 +105,14 @@ export default function MyPendingJobTable({ MyJobList, className }) {
                             </button>
                           </td>
                         </tr>
-                      ))}
+                      ))
+                    :
+                    <tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      <td className="p-2">
+                        No Pending Task!
+                      </td>
+                    </tr>
+                    }
                   </>
                 }
               </tbody>
diff --git a/src/components/MyWallet/Balance.jsx b/src/components/MyWallet/Balance.jsx
index 3cf0252..0903af9 100644
--- a/src/components/MyWallet/Balance.jsx
+++ b/src/components/MyWallet/Balance.jsx
@@ -22,7 +22,7 @@ function Balance({wallet, coupon}) {
             <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
                 {/* WALLET SECTION */}
                 <div className="lg:w-4/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="wallet w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow min-h-[520px]">
                         <div className='flex items-baseline justify-between'>
                             {/*<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>*/}
                             {/*<p className='text-base text-slate-500 dark:text-white'>Add New Wallet</p>*/}
-- 
2.34.1