Update main window

Shows toast with information when themes are not loaded instead of constantly reloading the frontend.

src/windows/main/css/main.css

@@ -99,6 +99,7 @@ body {
     background: linear-gradient(to right, #11998e, #2aaa5b) !important;
 }
 
-.error-toast {
+.error-toast,
+.themes-not-loaded-toast {
     background: linear-gradient(to right, #f12711, #a37510) !important;
 }

src/windows/main/js/main.js

@@ -39,11 +39,6 @@ let themes = new Store({
     name: 'themes'
 });
 
-$('.dropdown').dropdown();
-$('.dropdown').dropdown({
-    values: generateThemeNames()
-});
-
 function loadTabsFromStorage() {
 
     let storedTabs = tabs.get('instances');
@@ -136,7 +131,33 @@ function generateThemeNames() {
             nameList.push(themeJSON);
         });
     } else {
-        window.location.reload();
+        Toast.show({
+            position: 'center',
+            class: `themes-not-loaded-toast`,
+            id: `toast-${generateId()}`,
+            title: 'Themes Not Loaded!',
+            message: 'You may not be able to use any themes as they are not loaded. Click the Reload button to reload the window or click the button to close this notification.',
+            timeout: false,
+            progressBar: false,
+            theme: 'dark',
+            buttons: [
+                ['<button>Reload</button>', (i, t) => {
+                    window.location.reload();
+                    i.hide({}, t)
+                }, false]
+            ],
+            onOpening: (elem) => {
+                console.log(elem)
+                let tArray = [];
+                document.querySelectorAll('.themes-not-loaded-toast').forEach(e => tArray.push(e));
+                console.log(tArray);
+                let prevTs = tArray.filter(i => i.id !== elem.id);
+                prevTs.forEach(el => {
+                    Toast.hide({}, el);
+                });
+            },
+            overlay: true,
+        });
     }
 
     return nameList;