From 4a3d1eb20b21ecf5fbf29bda310b920e592c46c2 Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Thu, 18 Mar 2021 02:31:19 +0000
Subject: [PATCH] showing the progress of leaderboard checking

---
 src/js/script.js                 |  2 +-
 src/js/test/test-leaderboards.js | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/js/script.js b/src/js/script.js
index 09b14e8a1..b7ab7a5eb 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -1813,7 +1813,7 @@ function showResult(difficultyFailed = false) {
             ) {
               $("#result .stats .leaderboards").removeClass("hidden");
               $("#result .stats .leaderboards .bottom").html(
-                `checking<i class="fas fa-spin fa-fw fa-circle-notch"></i>`
+                `checking <i class="fas fa-spin fa-fw fa-circle-notch"></i>`
               );
             }
             CloudFunctions.testCompleted({
diff --git a/src/js/test/test-leaderboards.js b/src/js/test/test-leaderboards.js
index 4c646e961..33521f0ed 100644
--- a/src/js/test/test-leaderboards.js
+++ b/src/js/test/test-leaderboards.js
@@ -4,6 +4,8 @@ import * as Notifications from "./notification-center";
 import Config from "./config";
 import * as Misc from "./misc";
 
+let textTimeouts = [];
+
 export function check(completedEvent) {
   try {
     if (
@@ -14,7 +16,21 @@ export function check(completedEvent) {
     ) {
       $("#result .stats .leaderboards").removeClass("hidden");
       $("#result .stats .leaderboards .bottom").html(
-        `checking<i class="fas fa-spin fa-fw fa-circle-notch"></i>`
+        `checking <i class="fas fa-spin fa-fw fa-circle-notch"></i>`
+      );
+      textTimeouts.push(
+        setTimeout(() => {
+          $("#result .stats .leaderboards .bottom").html(
+            `still checking <i class="fas fa-spin fa-fw fa-circle-notch"></i>`
+          );
+        }, 5000)
+      );
+      textTimeouts.push(
+        setTimeout(() => {
+          $("#result .stats .leaderboards .bottom").html(
+            `leaderboard seems<br>to be very busy <i class="fas fa-spin fa-fw fa-circle-notch"></i>`
+          );
+        }, 10000)
       );
       let lbRes = completedEvent;
       delete lbRes.keySpacing;
@@ -31,6 +47,7 @@ export function check(completedEvent) {
         result: lbRes,
       })
         .then((data) => {
+          Misc.clearTimeouts(textTimeouts);
           show(data.data, completedEvent.mode2);
         })
         .catch((e) => {