dont show leaderboard empty message while loading

src/state/index.js

@@ -291,6 +291,7 @@ AFRAME.registerState({
         state.leaderboardNames += `${score.username} (${score.accuracy || 0}%)\n`;
         state.leaderboardScores += `${score.score}\n`;
       }
+      state.leaderboardLoading = false;
     },
 
     leaderboardqualify: state => {
@@ -340,6 +341,7 @@ AFRAME.registerState({
       state.isSearching = false;
 
       clearLeaderboard(state);
+      state.leaderboardLoading = true;
     },
 
     menuchallengeunselect: state => {
@@ -349,8 +351,10 @@ AFRAME.registerState({
 
     menudifficultyselect: (state, difficulty) => {
       state.menuSelectedChallenge.difficulty = difficulty;
-      clearLeaderboard(state);
       updateMenuSongInfo(state, state.menuSelectedChallenge);
+
+      clearLeaderboard(state);
+      state.leaderboardLoading = true;
     },
 
     minehit: state => {

src/templates/leaderboard.html

@@ -47,7 +47,7 @@
   <a-entity
     id="leaderboardEmpty"
     mixin="font"
-    bind__visible="leaderboard.length === 0 && !leaderboardQualified"
+    bind__visible="leaderboard.length === 0 && !leaderboardQualified && !leaderboardLoading"
     text="align: center; color: #777; baseline: center; width: 1.6; value: No high scores. Be the first!"
     position="0 0 0.001"></a-entity>