From 70fbd2e8fc4624eab6a2894d17227749de511c4d Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Mon, 8 Sep 2025 11:44:51 +0200
Subject: [PATCH] Fix ResponseDialog to properly sync its state

---
 .../ui/responsive-dialog/responsive-dialog.svelte         | 8 ++++++++
 src/routes/(pages)/dashboard/tenants/+page.svelte         | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte b/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
index fcbf3a7..4de49d0 100644
--- a/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
+++ b/src/lib/components/ui/responsive-dialog/responsive-dialog.svelte
@@ -68,6 +68,14 @@
     return unsubscribe;
   });
 
+  $effect(() => {
+    if (open) {
+      openDialog(id);
+    } else {
+      closeDialog(id);
+    }
+  });
+
   onDestroy(() => {
     responsiveDialogs.update((state) => {
       const newState = new Map(state);
diff --git a/src/routes/(pages)/dashboard/tenants/+page.svelte b/src/routes/(pages)/dashboard/tenants/+page.svelte
index 4086f42..2de6456 100644
--- a/src/routes/(pages)/dashboard/tenants/+page.svelte
+++ b/src/routes/(pages)/dashboard/tenants/+page.svelte
@@ -42,7 +42,7 @@
     {:then tenants}
       <div class="flex flex-col items-start gap-5">
         <ResponsiveDialog
-          id="add-tenant"
+          id="add"
           title={m["tenants.add.title"]()}
           description={m["tenants.add.description"]()}
           triggerHidden={tenants.length === 0}