From c14f6ff3bbc8108b288bb17f575a297e49442343 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sun, 16 Aug 2026 23:07:56 -0700
Subject: [PATCH] Prevent dismissing active imports

---
 apps/yaak-client/components/core/Dialog.tsx | 12 +++++++++---
 apps/yaak-client/lib/importData.tsx         |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/yaak-client/components/core/Dialog.tsx b/apps/yaak-client/components/core/Dialog.tsx
index e74b7a3d..5bbf29d8 100644
--- a/apps/yaak-client/components/core/Dialog.tsx
+++ b/apps/yaak-client/components/core/Dialog.tsx
@@ -10,6 +10,7 @@ export interface DialogProps {
   children: ReactNode;
   open: boolean;
   onClose?: () => void;
+  disableClose?: boolean;
   disableBackdropClose?: boolean;
   title?: ReactNode;
   description?: ReactNode;
@@ -27,6 +28,7 @@ export function Dialog({
   size = "full",
   open,
   onClose,
+  disableClose,
   disableBackdropClose,
   title,
   description,
@@ -42,7 +44,11 @@ export function Dialog({
   );
 
   return (
-    <Overlay open={open} onClose={disableBackdropClose ? undefined : onClose} portalName="dialog">
+    <Overlay
+      open={open}
+      onClose={disableClose || disableBackdropClose ? undefined : onClose}
+      portalName="dialog"
+    >
       <div
         role="dialog"
         className={classNames(
@@ -58,7 +64,7 @@ export function Dialog({
           // NOTE: We handle Escape on the element itself so that it doesn't close multiple
           //   dialogs and can be intercepted by children if needed.
           if (e.key === "Escape") {
-            onClose?.();
+            if (!disableClose) onClose?.();
             e.stopPropagation();
             e.preventDefault();
           }
@@ -110,7 +116,7 @@ export function Dialog({
           </div>
 
           {/*Put close at the end so that it's the last thing to be tabbed to*/}
-          {!hideX && (
+          {!hideX && !disableClose && (
             <div className="ml-auto absolute right-1 top-1">
               <IconButton
                 className="opacity-70 hover:opacity-100"
diff --git a/apps/yaak-client/lib/importData.tsx b/apps/yaak-client/lib/importData.tsx
index 71513206..6d40a911 100644
--- a/apps/yaak-client/lib/importData.tsx
+++ b/apps/yaak-client/lib/importData.tsx
@@ -30,7 +30,7 @@ export const importData = createFastMutation({
         id: "import",
         title: "Import Data",
         size: "sm",
-        onClose: resolve,
+        disableClose: true,
         render: ({ hide }) => {
           const cancel = () => {
             hide();