Fix v6

Daniyal-Rashid-00 · Daniyal-Rashid-00 · commit 1bade0be304f · 2026-01-11T11:19:17.000+05:00
diff --git a/index.html b/index.html
@@ -75,7 +75,36 @@
 </head>
 
 <body>
-  <div id="root"></div>
+  <div id="root">
+    <div
+      style="display: flex; justify-content: center; align-items: center; height: 100vh; color: white; background-color: #0f172a; font-family: sans-serif; flex-direction: column; gap: 20px;">
+      <h1>Loading...</h1>
+      <div id="global-error"
+        style="color: #ef4444; padding: 20px; background: rgba(0,0,0,0.5); border-radius: 8px; max-width: 80%; display: none; text-align: left; white-space: pre-wrap;">
+      </div>
+    </div>
+  </div>
+  <script>
+    window.onerror = function (msg, url, line, col, error) {
+      const errorDiv = document.getElementById('global-error');
+      if (errorDiv) {
+        errorDiv.style.display = 'block';
+        errorDiv.innerHTML = `<strong>Global Error:</strong> ${msg}<br><small>${url}:${line}:${col}</small><br><br>Stack: ${error ? error.stack : 'N/A'}`;
+      }
+      // Also alert to be sure
+      // alert('Error: ' + msg); 
+      return false;
+    };
+
+    // Catch unhandled promise rejections
+    window.onunhandledrejection = function (event) {
+      const errorDiv = document.getElementById('global-error');
+      if (errorDiv) {
+        errorDiv.style.display = 'block';
+        errorDiv.innerHTML += `<br><br><strong>Unhandled Promise:</strong> ${event.reason}`;
+      }
+    };
+  </script>
   <script type="module" src="src/main.jsx"></script>
 </body>
 
