From 20374324f41eca826b00806bba22fa76094c7604 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=BCl=C3=B6p=20Kov=C3=A1cs?=
 <43729152+fulopkovacs@users.noreply.github.com>
Date: Sat, 3 Jan 2026 19:34:06 +0100
Subject: [PATCH] Show reload button when IndexedDB deletion is blocked

---
 src/routes/__root.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 2a3cd3c..91a31d3 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -71,6 +71,8 @@ export const Route = createRootRouteWithContext<MyRouterContext>()({
 function RemoveDB() {
   const [errorMessage, setErrorMessage] = useState<string | null>(null);
 
+  const [showReloadButton, setShowReloadButton] = useState(false);
+
   const removeDB = useCallback(async () => {
     if (typeof window !== "undefined" && "indexedDB" in window) {
       try {
@@ -86,8 +88,9 @@ function RemoveDB() {
           setErrorMessage(errorMessage);
         };
         request.onblocked = () => {
+          setShowReloadButton(true);
           const errorMessage =
-            "Database deletion blocked - close other tabs using this site";
+            "Database deletion blocked - close other tabs using this site. If this site is not open in other tabs, try refreshing the page.";
           setErrorMessage(errorMessage);
           console.warn(errorMessage);
         };
@@ -110,6 +113,17 @@ function RemoveDB() {
         <RotateCwIcon /> Reset the db
       </Button>
       <p className="text-destructive font-bold text-center">{errorMessage}</p>
+      {showReloadButton && (
+        <Button
+          className="mx-auto"
+          variant="outline"
+          onClick={() => {
+            window.location.reload();
+          }}
+        >
+          Reload page
+        </Button>
+      )}
     </ClientOnly>
   );
 }