From c6049529148a1d5f27aa8323095eb6879013aff1 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 10 Jun 2025 00:08:38 +0800
Subject: [PATCH] feat: add success notification for dashboard layout save
 (#7510)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 ui/console-src/modules/dashboard/DashboardDesigner.vue         | 2 ++
 .../dashboard/composables/use-dashboard-widgets-fetch.ts       | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/console-src/modules/dashboard/DashboardDesigner.vue b/ui/console-src/modules/dashboard/DashboardDesigner.vue
index 929f428a0..b9b5e21d2 100644
--- a/ui/console-src/modules/dashboard/DashboardDesigner.vue
+++ b/ui/console-src/modules/dashboard/DashboardDesigner.vue
@@ -257,6 +257,8 @@ async function handleSave() {
     await queryClient.invalidateQueries({
       queryKey: ["core:dashboard:widgets:view"],
     });
+
+    Toast.success(t("core.common.toast.save_success"));
   } catch (error) {
     console.error("Failed to save dashboard widgets config", error);
   } finally {
diff --git a/ui/console-src/modules/dashboard/composables/use-dashboard-widgets-fetch.ts b/ui/console-src/modules/dashboard/composables/use-dashboard-widgets-fetch.ts
index 03e4792b5..2bc2197e8 100644
--- a/ui/console-src/modules/dashboard/composables/use-dashboard-widgets-fetch.ts
+++ b/ui/console-src/modules/dashboard/composables/use-dashboard-widgets-fetch.ts
@@ -4,6 +4,7 @@ import type {
   DashboardWidget,
 } from "@halo-dev/console-shared";
 import { useQuery } from "@tanstack/vue-query";
+import { cloneDeep } from "lodash-es";
 import { computed, ref, type Ref } from "vue";
 import { DefaultResponsiveLayouts } from "../widgets/defaults";
 
@@ -31,7 +32,7 @@ export function useDashboardWidgetsFetch(breakpoint: Ref<string>) {
         layouts.value[breakpoint.value] || layouts.value["lg"] || [];
 
       layout.value = layoutData;
-      originalLayout.value = layoutData;
+      originalLayout.value = cloneDeep(layoutData);
     },
     enabled: computed(() => !!breakpoint.value),
   });