From 9e03473208e2f127d40df7d1775f7bae1712e3c2 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sun, 15 Dec 2024 16:28:41 +0100
Subject: [PATCH] Show error message when client does not support WebAssembly
 (#469)

---
 src/AliasVault.Client/wwwroot/index.template.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/AliasVault.Client/wwwroot/index.template.html b/src/AliasVault.Client/wwwroot/index.template.html
index 612ad5ca9..2ea1e7b01 100644
--- a/src/AliasVault.Client/wwwroot/index.template.html
+++ b/src/AliasVault.Client/wwwroot/index.template.html
@@ -53,6 +53,7 @@
                             <div class="mt-4 text-center">
                                 <p id="security-quote" class="text-sm text-primary-600 italic"></p>
                             </div>
+                            <div id="error-message" class="hidden text-red-600 dark:text-red-400 mt-4"></div>
                         </div>
                     </div>
                 </div>
@@ -144,7 +145,7 @@
                     clearInterval(intervalId);
                 } else if (elapsedTime % 1000 < checkInterval) {
                     if (!('WebAssembly' in window)) {
-                        showError("AliasVault requires WebAssembly, which this browser does not support. Please use a modern browser that supports WebAssembly.");
+                        showError("AliasVault requires WebAssembly, which this browser does not support. Try using a more modern browser that supports WebAssembly.");
                         clearInterval(intervalId);
                     }
                 }
@@ -157,7 +158,6 @@
         const errorMessageElement = document.getElementById('error-message');
 
         const showError = (message) => {
-            loadingScreen.querySelector('.inner').classList.add('hidden');
             errorMessageElement.textContent = message;
             errorMessageElement.classList.remove('hidden');
             document.querySelector('.loading-progress-text').classList.add('hidden');
@@ -167,14 +167,14 @@
         // Listen for unhandled errors
         window.addEventListener('error', function(event) {
             if (event.error && event.error.message && event.error.message.includes('WebAssembly')) {
-                showError("AliasVault requires WebAssembly, which this browser does not support. Please use a modern browser that supports WebAssembly.");
+                showError("AliasVault requires WebAssembly, which this browser does not support. Try using a more modern browser that supports WebAssembly.");
             }
         });
 
         // Listen for unhandled promise rejections
         window.addEventListener('unhandledrejection', function(event) {
             if (event.reason && event.reason.message && event.reason.message.includes('WebAssembly')) {
-                showError("AliasVault requires WebAssembly, which this browser does not support. Please use a modern browser that supports WebAssembly.");
+                showError("AliasVault requires WebAssembly, which this browser does not support. Try using a more modern browser that supports WebAssembly.");
             }
         });