From e893f3ed03c5092a58d584a962c9664b1418108e Mon Sep 17 00:00:00 2001
From: Hayden <48267247+hayden-fr@users.noreply.github.com>
Date: Wed, 4 Dec 2024 12:04:27 +0800
Subject: [PATCH] Add a unique key to each showDialog (#1786)

---
 src/components/sidebar/SidebarSettingsToggleIcon.vue | 1 +
 src/services/dialogService.ts                        | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/src/components/sidebar/SidebarSettingsToggleIcon.vue b/src/components/sidebar/SidebarSettingsToggleIcon.vue
index 6dd93797d..80f557567 100644
--- a/src/components/sidebar/SidebarSettingsToggleIcon.vue
+++ b/src/components/sidebar/SidebarSettingsToggleIcon.vue
@@ -16,6 +16,7 @@ import SettingDialogHeader from '@/components/dialog/header/SettingDialogHeader.
 const dialogStore = useDialogStore()
 const showSetting = () => {
   dialogStore.showDialog({
+    key: 'global-settings',
     headerComponent: SettingDialogHeader,
     component: SettingDialogContent
   })
diff --git a/src/services/dialogService.ts b/src/services/dialogService.ts
index 1021f30e9..3a236ac91 100644
--- a/src/services/dialogService.ts
+++ b/src/services/dialogService.ts
@@ -19,6 +19,7 @@ export function showLoadWorkflowWarning(props: {
 }) {
   const dialogStore = useDialogStore()
   dialogStore.showDialog({
+    key: 'global-load-workflow-warning',
     component: LoadWorkflowWarning,
     props
   })
@@ -31,6 +32,7 @@ export function showMissingModelsWarning(props: {
 }) {
   const dialogStore = useDialogStore()
   dialogStore.showDialog({
+    key: 'global-missing-models-warning',
     component: MissingModelsWarning,
     props
   })
@@ -38,6 +40,7 @@ export function showMissingModelsWarning(props: {
 
 export function showSettingsDialog() {
   useDialogStore().showDialog({
+    key: 'global-settings',
     headerComponent: SettingDialogHeader,
     component: SettingDialogContent
   })
@@ -45,6 +48,7 @@ export function showSettingsDialog() {
 
 export function showExecutionErrorDialog(error: ExecutionErrorWsMessage) {
   useDialogStore().showDialog({
+    key: 'global-execution-error',
     component: ExecutionErrorDialogContent,
     props: {
       error
@@ -54,6 +58,7 @@ export function showExecutionErrorDialog(error: ExecutionErrorWsMessage) {
 
 export function showTemplateWorkflowsDialog() {
   useDialogStore().showDialog({
+    key: 'global-template-workflows',
     title: i18n.global.t('templateWorkflows.title'),
     component: TemplateWorkflowsContent
   })
@@ -72,6 +77,7 @@ export async function showPromptDialog({
 
   return new Promise((resolve) => {
     dialogStore.showDialog({
+      key: 'global-prompt',
       title,
       component: PromptDialogContent,
       props: {