fix: Use overridden Dialog

- to autoclose on route change
frappe · Jan 27, 2025 · 00e7acf · 00e7acf
1 parent 0d60256
commit 00e7acf
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/frontend/src/components/BuilderToolbar.vue b/frontend/src/components/BuilderToolbar.vue
@@ -119,7 +119,6 @@
 				v-model="showSettingsDialog"
 				style="z-index: 40"
 				class="[&>div>div[id^=headlessui-dialog-panel]]:my-3"
-				:disableOutsideClickToClose="true"
 				:options="{
 					title: 'Settings',
 					size: '5xl',
@@ -162,7 +161,8 @@ import SettingsGearIcon from "@/components/Icons/SettingsGear.vue";
 import { webPages } from "@/data/webPage";
 import { BuilderPage } from "@/types/Builder/BuilderPage";
 import { getTextContent } from "@/utils/helpers";
-import { Dialog, Tooltip } from "frappe-ui";
+import { Tooltip } from "frappe-ui";
+import Dialog from "@/components/Controls/Dialog.vue";
 import Popover from "frappe-ui/src/components/Popover.vue";
 import { computed, ref } from "vue";
 import { toast } from "vue-sonner";

diff --git a/frontend/src/components/Modals/NewBlockTemplate.vue b/frontend/src/components/Modals/NewBlockTemplate.vue
@@ -62,7 +62,8 @@
 <script setup lang="ts">
 import useStore from "@/store";
 import Block from "@/utils/block";
-import { Dialog, FileUploader } from "frappe-ui";
+import { FileUploader } from "frappe-ui";
+import Dialog from "@/components/Controls/Dialog.vue";
 import { ref } from "vue";
 
 const showBlockTemplateDialog = ref(false);

diff --git a/frontend/src/pages/PageBuilderDashboard.vue b/frontend/src/pages/PageBuilderDashboard.vue
@@ -9,7 +9,6 @@
 					v-model="showSettingsDialog"
 					style="z-index: 40"
 					class="[&>div>div[id^=headlessui-dialog-panel]]:my-3"
-					:disableOutsideClickToClose="true"
 					:options="{
 						title: 'Settings',
 						size: '5xl',
@@ -240,7 +239,8 @@ import useStore from "@/store";
 import { posthog } from "@/telemetry";
 import { BuilderPage } from "@/types/Builder/BuilderPage";
 import { useDark, useEventListener, useStorage, useToggle, watchDebounced } from "@vueuse/core";
-import { createResource, Dialog, Dropdown } from "frappe-ui";
+import { createResource, Dropdown } from "frappe-ui";
+import Dialog from "@/components/Controls/Dialog.vue";
 import { onActivated, Ref, ref, watch } from "vue";
 
 const isDark = useDark({