From 15e272132704099ad7cf561b4b5ca7eedfcda36d Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Wed, 28 Jun 2023 19:30:59 +0400
Subject: [PATCH] hide button while there is no record to show in the table

---
 .../activeMembers/ActiveMemberBreakdown.tsx   | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/pages/statistics/memberBreakdowns/activeMembers/ActiveMemberBreakdown.tsx b/src/components/pages/statistics/memberBreakdowns/activeMembers/ActiveMemberBreakdown.tsx
index 11bf18ce..94d627c6 100644
--- a/src/components/pages/statistics/memberBreakdowns/activeMembers/ActiveMemberBreakdown.tsx
+++ b/src/components/pages/statistics/memberBreakdowns/activeMembers/ActiveMemberBreakdown.tsx
@@ -84,7 +84,7 @@ export default function ActiveMemberBreakdown() {
 
   return (
     <>
-      <div className="relative overflow-x-scroll md:overflow-hidden">
+      <div className="relative overflow-x-scroll md:overflow-hidden mb-8">
         <h3 className="text-xl font-medium text-lite-black md:mb-4">
           Members breakdown
         </h3>
@@ -124,15 +124,17 @@ export default function ActiveMemberBreakdown() {
           </div>
         </div>
       </div>
-      <div className="flex justify-center mt-2 mb-12">
-        <CustomButton
-          label={isExpanded ? 'Show less' : 'Show member breakdown'}
-          classes={'text-black'}
-          variant="outlined"
-          disabled={fetchedData?.totalResults === 0}
-          onClick={() => toggleExpanded(!isExpanded)}
-        />
-      </div>
+      {fetchedData?.results.length > 0 ?? (
+        <div className="flex justify-center mt-2 mb-12">
+          <CustomButton
+            label={isExpanded ? 'Show less' : 'Show member breakdown'}
+            classes={'text-black'}
+            variant="outlined"
+            disabled={fetchedData?.totalResults === 0}
+            onClick={() => toggleExpanded(!isExpanded)}
+          />
+        </div>
+      )}
     </>
   );
 }