Load initial translation as proper async call instead of using an event

public/scripts/localization.js

@@ -14,13 +14,6 @@ class Localization {
         Localization.initialLocale = storedLanguageCode && Localization.isSupported(storedLanguageCode)
             ? storedLanguageCode
             : Localization.systemLocale;
-
-        Localization
-            .setTranslation(Localization.initialLocale)
-            .then(_ => {
-                console.log("Initial translation successful.");
-                Events.fire("initial-translation-loaded");
-            });
     }
 
     static isSupported(locale) {
@@ -41,6 +34,10 @@ class Localization {
             || Localization.defaultLocale;
     }
 
+    async setInitialTranslation() {
+        await Localization.setTranslation(Localization.initialLocale)
+    }
+
     static async setTranslation(locale) {
         if (!locale) locale = Localization.systemLocale;
 

public/scripts/main.js

@@ -18,7 +18,13 @@ class PairDrop {
         const themeUI = new ThemeUI();
         const backgroundCanvas = new BackgroundCanvas();
 
-        Events.on('initial-translation-loaded', _ => {
+        // Translate page before fading in
+        const localization = new Localization();
+        localization
+            .setInitialTranslation()
+            .then(() => {
+                console.log("Initial translation successful.");
+
                 // FooterUI needs translations
                 const footerUI = new FooterUI();
 
@@ -30,10 +36,7 @@ class PairDrop {
 
                 // Load deferred assets
                 this.loadDeferredAssets();
-        });
+            })
-
-        // Translate page -> fires 'initial-translation-loaded' on finish
-        const localization = new Localization();
     }
 
     registerServiceWorker() {