From 0a116a3607fb393da5011ff3d2b94a1b83ceb06f Mon Sep 17 00:00:00 2001 From: Yongtae Park Date: Wed, 23 Apr 2025 21:26:37 +0900 Subject: [PATCH] chore: solve dashboard change-folder bug Signed-off-by: samuel.park --- .../mutations/use-dashboard-change-folder-mutation.ts | 4 ++-- .../dashboard-detail/DashboardFolderSingleMoveModal.vue | 7 +++++-- .../v2/components/ProjectDashboardChangeFolderModal.vue | 2 ++ 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/apps/web/src/services/_shared/dashboard/core/composables/mutations/use-dashboard-change-folder-mutation.ts b/apps/web/src/services/_shared/dashboard/core/composables/mutations/use-dashboard-change-folder-mutation.ts index b2e2cb191e..b74f1dd12e 100644 --- a/apps/web/src/services/_shared/dashboard/core/composables/mutations/use-dashboard-change-folder-mutation.ts +++ b/apps/web/src/services/_shared/dashboard/core/composables/mutations/use-dashboard-change-folder-mutation.ts @@ -36,8 +36,8 @@ export const useDashboardChangeFolderMutation = (options: UseDashboardChangeFold onSuccess: async (data, variables) => { const _dashboardId = variables.dashboard_id; const _isPrivate = _dashboardId.startsWith('private'); - const dashboardListQueryKey = _isPrivate ? privateDashboardGetQueryKey(_dashboardId) : publicDashboardGetQueryKey(_dashboardId); - queryClient.invalidateQueries({ queryKey: dashboardListQueryKey }); + const dashboardGetQueryKey = _isPrivate ? privateDashboardGetQueryKey(_dashboardId) : publicDashboardGetQueryKey(_dashboardId); + queryClient.invalidateQueries({ queryKey: dashboardGetQueryKey }); if (onSuccess) await onSuccess(data, variables); }, onError: (error, variables) => { diff --git a/apps/web/src/services/dashboards/components/dashboard-detail/DashboardFolderSingleMoveModal.vue b/apps/web/src/services/dashboards/components/dashboard-detail/DashboardFolderSingleMoveModal.vue index cd4d44671e..2b3b682205 100644 --- a/apps/web/src/services/dashboards/components/dashboard-detail/DashboardFolderSingleMoveModal.vue +++ b/apps/web/src/services/dashboards/components/dashboard-detail/DashboardFolderSingleMoveModal.vue @@ -41,11 +41,12 @@ const dashboardPageControlStore = useDashboardPageControlStore(); /* Query */ const queryClient = useQueryClient(); const { - keys, + keys: dashboardKeys, } = useDashboardQuery(); const { publicFolderList, privateFolderList, + keys: dashboardFolderKeys, } = useDashboardFolderQuery(); const storeState = reactive({ @@ -88,8 +89,10 @@ const { mutate: changeFolder } = useDashboardChangeFolderMutation({ onSuccess: () => { showSuccessMessage(i18n.t('DASHBOARDS.DETAIL.ALT_S_MOVE_DASHBOARD'), ''); const isPrivate = props.dashboardId.startsWith('private'); - const dashboardListQueryKey = isPrivate ? keys.privateDashboardListQueryKey : keys.publicDashboardListQueryKey; + const dashboardListQueryKey = isPrivate ? dashboardKeys.privateDashboardListQueryKey : dashboardKeys.publicDashboardListQueryKey; + const dashboardFolderListQueryKey = isPrivate ? dashboardFolderKeys.privateFolderListQueryKey : dashboardFolderKeys.publicFolderListQueryKey; queryClient.invalidateQueries({ queryKey: dashboardListQueryKey.value }); + queryClient.invalidateQueries({ queryKey: dashboardFolderListQueryKey.value }); }, onError: (e) => { showErrorMessage(i18n.t('DASHBOARDS.DETAIL.ALT_E_MOVE_DASHBOARD'), e); diff --git a/apps/web/src/services/project/v2/components/ProjectDashboardChangeFolderModal.vue b/apps/web/src/services/project/v2/components/ProjectDashboardChangeFolderModal.vue index 48d183c122..b2c8da4b50 100644 --- a/apps/web/src/services/project/v2/components/ProjectDashboardChangeFolderModal.vue +++ b/apps/web/src/services/project/v2/components/ProjectDashboardChangeFolderModal.vue @@ -41,6 +41,7 @@ const { }); const { dashboardList, + invalidateAllQueries: invalidateDashboardList, } = useProjectDashboardQuery({ projectId, projectGroupId, @@ -71,6 +72,7 @@ const { mutate: changeFolder } = useDashboardChangeFolderMutation({ onSuccess: () => { showSuccessMessage(i18n.t('DASHBOARDS.DETAIL.ALT_S_MOVE_DASHBOARD'), ''); invalidateDashboardFolderList(); + invalidateDashboardList(); }, onError: (e) => { showErrorMessage(i18n.t('DASHBOARDS.DETAIL.ALT_E_MOVE_DASHBOARD'), e);