From 6f968bafb2b0038253de1c605fae6e8db864fd70 Mon Sep 17 00:00:00 2001
From: Yi Xiao <54782454+YIXIAO0@users.noreply.github.com>
Date: Thu, 22 Aug 2024 11:33:20 +0800
Subject: [PATCH] feat: update the "tag delete" confirm modal (#7522)

---
 .../base/tag-management/tag-item-editor.tsx           | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/app/components/base/tag-management/tag-item-editor.tsx b/web/app/components/base/tag-management/tag-item-editor.tsx
index f20e61a43cf0fa..3735695302497d 100644
--- a/web/app/components/base/tag-management/tag-item-editor.tsx
+++ b/web/app/components/base/tag-management/tag-item-editor.tsx
@@ -8,7 +8,7 @@ import { useDebounceFn } from 'ahooks'
 import { useContext } from 'use-context-selector'
 import { useTranslation } from 'react-i18next'
 import { useStore as useTagStore } from './store'
-import TagRemoveModal from './tag-remove-modal'
+import Confirm from '@/app/components/base/confirm'
 import cn from '@/utils/classnames'
 import type { Tag } from '@/app/components/base/tag-management/constant'
 import { ToastContext } from '@/app/components/base/toast'
@@ -134,14 +134,15 @@ const TagItemEditor: FC<TagItemEditorProps> = ({
           />
         )}
       </div>
-      <TagRemoveModal
-        tag={tag}
-        show={showRemoveModal}
+      <Confirm
+        title={`${t('common.tag.delete')} "${tag.name}"`}
+        isShow={showRemoveModal}
+        content={t('common.tag.deleteTip')}
         onConfirm={() => {
           handleRemove()
           setShowRemoveModal(false)
         }}
-        onClose={() => setShowRemoveModal(false)}
+        onCancel={() => setShowRemoveModal(false)}
       />
     </>
   )