temp leaderboard down message

BibliothecaDAO · Oct 13, 2023 · 1cf7186 · 1cf7186 · vercel · Oct 13, 2023
1 parent 362f32a
commit 1cf7186
Showing 1 changed file with 53 additions and 37 deletions.
diff --git a/ui/src/app/containers/LeaderboardScreen.tsx b/ui/src/app/containers/LeaderboardScreen.tsx
@@ -72,46 +72,62 @@ export default function LeaderboardScreen() {
     }
   }, [adventurersByXPdata]);
 
+  console.log(adventurersByXPdata);
+
   return (
     <div className="flex flex-col items-center h-full xl:overflow-y-auto 2xl:overflow-hidden mt-5 sm:mt-0">
-      <Button
-        onClick={async () => {
-          const adventurersByXPdata = await refetch(
-            "adventurersByXPQuery",
-            undefined
-          );
-          const sortedAdventurersByXP = handleSortXp(adventurersByXPdata);
-          setData("adventurersByXPQuery", sortedAdventurersByXP);
-        }}
-      >
-        <RefreshIcon className="w-8" />
-      </Button>
-      <div className="flex flex-row w-full">
-        <div
-          className={`${showScores ? "hidden " : ""}sm:block w-full sm:w-1/2`}
-        >
-          <LiveTable
-            itemsPerPage={itemsPerPage}
-            handleFetchProfileData={handlefetchProfileData}
-          />
-        </div>
-        <div
-          className={`${showScores ? "" : "hidden "}sm:block w-full sm:w-1/2`}
-        >
-          <ScoreTable
-            itemsPerPage={itemsPerPage}
-            handleFetchProfileData={handlefetchProfileData}
-          />
+      {!adventurersByXPdata ? (
+        <div className="flex justify-center items-center h-full">
+          <p className="text-4xl">
+            Leaderboard is down right now, we are working on fixing ASAP!
+          </p>
         </div>
-      </div>
-      <Button
-        onClick={() =>
-          showScores ? setShowScores(false) : setShowScores(true)
-        }
-        className="sm:hidden"
-      >
-        {showScores ? "Show Live Leaderboard" : "Show Scores"}
-      </Button>
+      ) : (
+        <>
+          <Button
+            onClick={async () => {
+              const adventurersByXPdata = await refetch(
+                "adventurersByXPQuery",
+                undefined
+              );
+              const sortedAdventurersByXP = handleSortXp(adventurersByXPdata);
+              setData("adventurersByXPQuery", sortedAdventurersByXP);
+            }}
+          >
+            <RefreshIcon className="w-8" />
+          </Button>
+          <div className="flex flex-row w-full">
+            <div
+              className={`${
+                showScores ? "hidden " : ""
+              }sm:block w-full sm:w-1/2`}
+            >
+              <LiveTable
+                itemsPerPage={itemsPerPage}
+                handleFetchProfileData={handlefetchProfileData}
+              />
+            </div>
+            <div
+              className={`${
+                showScores ? "" : "hidden "
+              }sm:block w-full sm:w-1/2`}
+            >
+              <ScoreTable
+                itemsPerPage={itemsPerPage}
+                handleFetchProfileData={handlefetchProfileData}
+              />
+            </div>
+          </div>
+          <Button
+            onClick={() =>
+              showScores ? setShowScores(false) : setShowScores(true)
+            }
+            className="sm:hidden"
+          >
+            {showScores ? "Show Live Leaderboard" : "Show Scores"}
+          </Button>
+        </>
+      )}
     </div>
   );
 }