| import { useContext } from 'use-context-selector' | import { useContext } from 'use-context-selector' | ||||
| import { useTranslation } from 'react-i18next' | import { useTranslation } from 'react-i18next' | ||||
| import { useStore as useTagStore } from './store' | 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 cn from '@/utils/classnames' | ||||
| import type { Tag } from '@/app/components/base/tag-management/constant' | import type { Tag } from '@/app/components/base/tag-management/constant' | ||||
| import { ToastContext } from '@/app/components/base/toast' | import { ToastContext } from '@/app/components/base/toast' | ||||
| /> | /> | ||||
| )} | )} | ||||
| </div> | </div> | ||||
| <TagRemoveModal | |||||
| tag={tag} | |||||
| show={showRemoveModal} | |||||
| <Confirm | |||||
| title={`${t('common.tag.delete')} "${tag.name}"`} | |||||
| isShow={showRemoveModal} | |||||
| content={t('common.tag.deleteTip')} | |||||
| onConfirm={() => { | onConfirm={() => { | ||||
| handleRemove() | handleRemove() | ||||
| setShowRemoveModal(false) | setShowRemoveModal(false) | ||||
| }} | }} | ||||
| onClose={() => setShowRemoveModal(false)} | |||||
| onCancel={() => setShowRemoveModal(false)} | |||||
| /> | /> | ||||
| </> | </> | ||||
| ) | ) |