From 6c868fb589c0bee2001ebe60847251023a1d3bb1 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Wed, 7 Feb 2024 15:59:48 +0500
Subject: [PATCH] web: fix indexedDB not getting detected

---
 apps/web/src/bootstrap.tsx                       | 2 +-
 apps/web/src/components/error-boundary/index.tsx | 6 ++++--
 apps/web/src/utils/feature-check.ts              | 6 ++++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/bootstrap.tsx b/apps/web/src/bootstrap.tsx
index 352525645..f91942448 100644
--- a/apps/web/src/bootstrap.tsx
+++ b/apps/web/src/bootstrap.tsx
@@ -23,7 +23,7 @@ import { getCurrentHash, getCurrentPath, makeURL } from "./navigation";
 import Config from "./utils/config";
 
 import { initializeLogger, logger } from "./utils/logger";
-import { AuthProps } from "./views/auth";
+import type { AuthProps } from "./views/auth";
 import { initializeFeatureChecks } from "./utils/feature-check";
 
 type Route<TProps = null> = {
diff --git a/apps/web/src/components/error-boundary/index.tsx b/apps/web/src/components/error-boundary/index.tsx
index 0d9ac5bc0..dc3248aca 100644
--- a/apps/web/src/components/error-boundary/index.tsx
+++ b/apps/web/src/components/error-boundary/index.tsx
@@ -29,7 +29,6 @@ import Logo from "../../assets/logo.svg";
 import LogoDark from "../../assets/logo-dark.svg";
 import { useStore as useThemeStore } from "../../stores/theme-store";
 import { createDialect } from "../../common/sqlite";
-import { getDeviceInfo } from "../../dialogs/issue-dialog";
 
 export function ErrorBoundary(props: PropsWithChildren) {
   return (
@@ -96,7 +95,10 @@ export function ErrorComponent({ error, resetErrorBoundary }: FallbackProps) {
               <Button
                 variant="secondary"
                 sx={{ alignSelf: "start", px: 30, mt: 1 }}
-                onClick={() => {
+                onClick={async () => {
+                  const { getDeviceInfo } = await import(
+                    "../../dialogs/issue-dialog"
+                  );
                   const mailto = new URL("mailto:support@streetwriters.co");
                   mailto.searchParams.set(
                     "body",
diff --git a/apps/web/src/utils/feature-check.ts b/apps/web/src/utils/feature-check.ts
index 932f2878e..b107405b3 100644
--- a/apps/web/src/utils/feature-check.ts
+++ b/apps/web/src/utils/feature-check.ts
@@ -51,13 +51,15 @@ async function isCacheSupported() {
 }
 
 async function isIndexedDBSupported() {
-  console.log("IS indexed db supported");
   const hasIndexedDB = "indexedDB" in window;
   return (
     hasIndexedDB &&
     (await new Promise((resolve, reject) => {
       const request = indexedDB.open("checkIDBSupport");
-      request.onsuccess = resolve;
+      request.onsuccess = () => {
+        request.result.close();
+        resolve(undefined);
+      };
       request.onerror = reject;
     })
       .then(() => (FEATURE_CHECKS.indexedDB = true))