added a new loading page that will be visible instead of the test

the test will load only when everything is ready (the account data is fully loaded)

src/js/account-controller.js

@@ -295,6 +295,7 @@ firebase.auth().onAuthStateChanged(function (user) {
         `<p class="accountVerificatinNotice" style="text-align:center">Your account is not verified. Click <a onClick="sendVerificationEmail()">here</a> to resend the verification email.`
       );
     }
+    UI.setPageTransition(false);
     AccountButton.update();
     AccountButton.loading(true);
     Account.getDataAndInit();
@@ -324,6 +325,9 @@ firebase.auth().onAuthStateChanged(function (user) {
     if (VerificationController.data !== null) {
       VerificationController.verify(user);
     }
+  }else{
+    UI.setPageTransition(false);
+    if($(".pageLoading").hasClass('active')) UI.changePage('');
   }
   let theme = Misc.findGetParameter("customTheme");
   if (theme !== null) {

src/js/account.js

@@ -65,6 +65,8 @@ export function getDataAndInit() {
       if (snap.refactored === false) {
         CloudFunctions.removeSmallTests({ uid: user.uid });
       }
+      // if($(".pageAccount").hasClass('active')) update();
+      if($(".pageLogin").hasClass('active')) UI.changePage('account');
       if (!UpdateConfig.changedBeforeDb) {
         if (Config.localStorageConfig === null) {
           AccountButton.loading(false);
@@ -142,6 +144,8 @@ export function getDataAndInit() {
       TagController.loadActiveFromLocalStorage();
       ResultTagsPopup.updateButtons();
       Settings.showAccountSection();
+      UI.setPageTransition(false);
+      if($(".pageLoading").hasClass('active')) UI.changePage('');
     })
     .catch((e) => {
       AccountButton.loading(false);

src/js/config.js

@@ -1794,7 +1794,7 @@ export function loadFromLocalStorage() {
     saveToLocalStorage(true);
     console.log("saving localStorage config");
   }
-  TestLogic.restart(false, true);
+  // TestLogic.restart(false, true);
   loadDone();
 }
 

src/js/ready.js

@@ -16,7 +16,7 @@ Misc.getReleasesFromGitHub();
 $(document).ready(() => {
   RouteController.handleInitialPageClasses(window.location.pathname);
   if (window.location.pathname === "/") {
-    $("#top .config").removeClass("hidden");
+    // $("#top .config").removeClass("hidden");
   }
   $("body").css("transition", "all .25s, transform .05s");
   if (Config.quickTab) {

src/js/route-controller.js

@@ -3,7 +3,7 @@ import * as UI from "./ui";
 import Config from "./config";
 
 let mappedRoutes = {
-  "/": "pageTest",
+  "/": "pageLoading",
   "/login": "pageLogin",
   "/settings": "pageSettings",
   "/about": "pageAbout",

src/js/ui.js

@@ -15,7 +15,7 @@ import * as Account from "./account";
 import * as Leaderboards from "./leaderboards";
 import * as Funbox from "./funbox";
 
-export let pageTransition = false;
+export let pageTransition = true;
 
 export function setPageTransition(val) {
   pageTransition = val;
@@ -108,6 +108,7 @@ export function swapElements(
 }
 
 export function changePage(page) {
+  console.log('change');
   if (pageTransition) {
     return;
   }

src/sass/style.scss

@@ -2585,6 +2585,16 @@ key {
   opacity: 0.5;
 }
 
+.pageLoading{
+  display: grid;
+  justify-content: center;
+  .preloader{
+    font-size: 2rem;
+    justify-self: center;
+    color: var(--main-color);
+  }
+}
+
 .pageTest {
   position: relative;
 

static/index.html

@@ -1099,6 +1099,11 @@
           </div>
         </div>
         <div id="middle">
+          <div class="page pageLoading hidden">
+            <div class="preloader">
+              <i class="fas fa-fw fa-spin fa-circle-notch"></i>
+            </div>
+          </div>
           <div class="page pageTest hidden">
             <div id="typingTest">
               <div id="capsWarning" class="hidden">