From 884f96ff2e193e4e2cf41173a2eef587ba1bc6d6 Mon Sep 17 00:00:00 2001
From: Yan <tiervirov@gmail.com>
Date: Wed, 19 Feb 2025 13:35:00 +0200
Subject: [PATCH] chore(leaderboards): name opens zapzap profile - added
 condition to disable leaderboards on no data

---
 .../Components/LeaderBoards/LeaderBoards.jsx  | 73 +++++++++++--------
 .../Components/LeaderBoards/TabContent.jsx    |  2 +-
 2 files changed, 42 insertions(+), 33 deletions(-)

diff --git a/src/pages/HomePage/Components/LeaderBoards/LeaderBoards.jsx b/src/pages/HomePage/Components/LeaderBoards/LeaderBoards.jsx
index 782430d..3c9a9d9 100644
--- a/src/pages/HomePage/Components/LeaderBoards/LeaderBoards.jsx
+++ b/src/pages/HomePage/Components/LeaderBoards/LeaderBoards.jsx
@@ -14,7 +14,12 @@ import TabContent from './TabContent';
 const LeaderBoards = () => {
   const state = useSelector((state) => state.homePage);
 
-  const { leaderboardLoading = false, activeTab } = state;
+  const {
+    leaderboardLoading = false,
+    activeTab,
+    leaderboardReceived = [],
+    leaderboardSent = [],
+  } = state;
 
   const dispatch = useDispatch();
 
@@ -26,39 +31,43 @@ const LeaderBoards = () => {
   const handleTabChange = (tab) => () => dispatch(setActiveTab(tab));
 
   return (
-    <div className="leaderboards-container">
-      <h3>Leaderboards {leaderboardLoading ? 'are loading' : ''}</h3>
-      {leaderboardLoading ? (
-        <Spinner animation="grow" variant="warning" />
-      ) : (
-        <>
-          <div className="flex w-100 mt-2 p-1 cursor-pointer text-sm font-bold rounded-full bg-[#333333]">
-            <div
-              onClick={handleTabChange(Tabs.RECEIVED)}
-              className={`flex-1 py-3  rounded-full text-center  ${
-                activeTab === Tabs.RECEIVED
-                  ? 'bg-amber-500 text-black'
-                  : ' text-white '
-              }`}
-            >
-              Tips Received
-            </div>
-            <div
-              onClick={handleTabChange(Tabs.SENT)}
-              className={`flex-1 py-3 rounded-full text-center  ${
-                activeTab === Tabs.SENT
-                  ? 'bg-amber-500 text-black'
-                  : ' text-white'
-              }`}
-            >
-              Tips Sent
-            </div>
-          </div>
+    <>
+      {!leaderboardReceived?.length && !leaderboardSent?.length ? null : (
+        <div className="leaderboards-container">
+          <h3>Leaderboards {leaderboardLoading ? 'are loading' : ''}</h3>
+          {leaderboardLoading ? (
+            <Spinner animation="grow" variant="warning" />
+          ) : (
+            <>
+              <div className="flex w-100 mt-2 p-1 cursor-pointer text-sm font-bold rounded-full bg-[#333333]">
+                <div
+                  onClick={handleTabChange(Tabs.RECEIVED)}
+                  className={`flex-1 py-3  rounded-full text-center  ${
+                    activeTab === Tabs.RECEIVED
+                      ? 'bg-amber-500 text-black'
+                      : ' text-white '
+                  }`}
+                >
+                  Tips Received
+                </div>
+                <div
+                  onClick={handleTabChange(Tabs.SENT)}
+                  className={`flex-1 py-3 rounded-full text-center  ${
+                    activeTab === Tabs.SENT
+                      ? 'bg-amber-500 text-black'
+                      : ' text-white'
+                  }`}
+                >
+                  Tips Sent
+                </div>
+              </div>
 
-          <TabContent tabName={activeTab} />
-        </>
+              <TabContent tabName={activeTab} />
+            </>
+          )}
+        </div>
       )}
-    </div>
+    </>
   );
 };
 
diff --git a/src/pages/HomePage/Components/LeaderBoards/TabContent.jsx b/src/pages/HomePage/Components/LeaderBoards/TabContent.jsx
index 5995e3a..649b5f1 100644
--- a/src/pages/HomePage/Components/LeaderBoards/TabContent.jsx
+++ b/src/pages/HomePage/Components/LeaderBoards/TabContent.jsx
@@ -39,7 +39,7 @@ const TabContent = ({ tabName }) => {
               <div className="ms-2 me-auto">
                 <div className="fw-bold">
                   <a
-                    href={`http://x.com/${
+                    href={`/${
                       tabName === Tabs.RECEIVED
                         ? item.tip_recipient
                         : item.tip_sender