From 58a6be911a930bd20c809949d5800ab673fe7760 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 17 Mar 2026 14:55:40 -0700
Subject: [PATCH] Hide close button in dialog if in a noEscape modal

---
 src/app/components/AppContainer.svelte   |  2 +-
 src/app/components/ModalContainer.svelte |  1 +
 src/lib/components/Dialog.svelte         | 15 +++++++++------
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/components/AppContainer.svelte b/src/app/components/AppContainer.svelte
index 098ad58a..7956a8cb 100644
--- a/src/app/components/AppContainer.svelte
+++ b/src/app/components/AppContainer.svelte
@@ -20,7 +20,7 @@
       {@render children?.()}
     </PrimaryNav>
   {:else if !$modal}
-    <Dialog children={{component: Landing, props: {}}} />
+    <Dialog noEscape children={{component: Landing, props: {}}} />
   {/if}
 </div>
 <Toast />
diff --git a/src/app/components/ModalContainer.svelte b/src/app/components/ModalContainer.svelte
index 2374a29d..fd261b3c 100644
--- a/src/app/components/ModalContainer.svelte
+++ b/src/app/components/ModalContainer.svelte
@@ -42,6 +42,7 @@
           target: element,
           props: {
             onClose: closeModal,
+            noEscape: options.noEscape,
             fullscreen: options.fullscreen,
             children: {component, props},
           },
diff --git a/src/lib/components/Dialog.svelte b/src/lib/components/Dialog.svelte
index 7b20bbfe..52381ee4 100644
--- a/src/lib/components/Dialog.svelte
+++ b/src/lib/components/Dialog.svelte
@@ -10,6 +10,7 @@
 
   type Props = {
     onClose?: any
+    noEscape?: boolean
     fullscreen?: boolean
     children: {
       component: Component<any>
@@ -17,7 +18,7 @@
     }
   }
 
-  const {onClose = noop, fullscreen = false, children}: Props = $props()
+  const {onClose = noop, noEscape = false, fullscreen = false, children}: Props = $props()
 
   const wrapperClass = $derived(
     cx("absolute inset-0 flex sm:relative pointer-events-none", {
@@ -47,11 +48,13 @@
   </button>
   <div class={wrapperClass}>
     <div class={innerClass} transition:fly>
-      <Button
-        class="absolute -top-4 right-3 btn btn-circle btn-neutral btn-sm"
-        onclick={clearModals}>
-        <Icon icon={Close} size={6} />
-      </Button>
+      {#if !noEscape}
+        <Button
+          class="absolute -top-4 right-3 btn btn-circle btn-neutral btn-sm"
+          onclick={clearModals}>
+          <Icon icon={Close} size={6} />
+        </Button>
+      {/if}
       <children.component {...children.props} />
     </div>
   </div>