### What problem does this PR solve? Feat: Modify the prompt text for deleting team members #2834 ### Type of change - [x] New Feature (non-breaking change which adds functionality)tags/v0.14.0
| } | } | ||||
| interface IProps { | interface IProps { | ||||
| title?: string; | |||||
| onOk?: (...args: any[]) => any; | onOk?: (...args: any[]) => any; | ||||
| onCancel?: (...args: any[]) => any; | onCancel?: (...args: any[]) => any; | ||||
| } | } | ||||
| const { t } = useTranslation(); | const { t } = useTranslation(); | ||||
| const showDeleteConfirm = useCallback( | const showDeleteConfirm = useCallback( | ||||
| ({ onOk, onCancel }: IProps): Promise<number> => { | |||||
| ({ title, onOk, onCancel }: IProps): Promise<number> => { | |||||
| return new Promise((resolve, reject) => { | return new Promise((resolve, reject) => { | ||||
| modal.confirm({ | modal.confirm({ | ||||
| title: t('common.deleteModalTitle'), | |||||
| title: title ?? t('common.deleteModalTitle'), | |||||
| icon: <ExclamationCircleFilled />, | icon: <ExclamationCircleFilled />, | ||||
| // content: 'Some descriptions', | // content: 'Some descriptions', | ||||
| okText: t('common.ok'), | okText: t('common.ok'), |
| translation: { | translation: { | ||||
| common: { | common: { | ||||
| delete: 'Delete', | delete: 'Delete', | ||||
| deleteModalTitle: 'Are you sure delete this item?', | |||||
| deleteModalTitle: 'Are you sure to delete this item?', | |||||
| ok: 'Yes', | ok: 'Yes', | ||||
| cancel: 'No', | cancel: 'No', | ||||
| total: 'Total', | total: 'Total', | ||||
| refuse: 'Decline', | refuse: 'Decline', | ||||
| teamMembers: 'Team Members', | teamMembers: 'Team Members', | ||||
| joinedTeams: 'Joined Teams', | joinedTeams: 'Joined Teams', | ||||
| sureDelete: 'Are you sure to remove this member?', | |||||
| }, | }, | ||||
| message: { | message: { | ||||
| registered: 'Registered!', | registered: 'Registered!', |
| refuse: '拒絕', | refuse: '拒絕', | ||||
| teamMembers: '團隊成員', | teamMembers: '團隊成員', | ||||
| joinedTeams: '加入的團隊', | joinedTeams: '加入的團隊', | ||||
| sureDelete: '您確定刪除該成員嗎?', | |||||
| }, | }, | ||||
| message: { | message: { | ||||
| registered: '註冊成功', | registered: '註冊成功', |
| refuse: '拒绝', | refuse: '拒绝', | ||||
| teamMembers: '团队成员', | teamMembers: '团队成员', | ||||
| joinedTeams: '加入的团队', | joinedTeams: '加入的团队', | ||||
| sureDelete: '您确定要删除该成员吗?', | |||||
| }, | }, | ||||
| message: { | message: { | ||||
| registered: '注册成功', | registered: '注册成功', |
| useFetchUserInfo, | useFetchUserInfo, | ||||
| } from '@/hooks/user-setting-hooks'; | } from '@/hooks/user-setting-hooks'; | ||||
| import { useCallback } from 'react'; | import { useCallback } from 'react'; | ||||
| import { useTranslation } from 'react-i18next'; | |||||
| export const useAddUser = () => { | export const useAddUser = () => { | ||||
| const { addTenantUser } = useAddTenantUser(); | const { addTenantUser } = useAddTenantUser(); | ||||
| export const useHandleDeleteUser = () => { | export const useHandleDeleteUser = () => { | ||||
| const { deleteTenantUser, loading } = useDeleteTenantUser(); | const { deleteTenantUser, loading } = useDeleteTenantUser(); | ||||
| const showDeleteConfirm = useShowDeleteConfirm(); | const showDeleteConfirm = useShowDeleteConfirm(); | ||||
| const { t } = useTranslation(); | |||||
| const handleDeleteTenantUser = (userId: string) => () => { | const handleDeleteTenantUser = (userId: string) => () => { | ||||
| showDeleteConfirm({ | showDeleteConfirm({ | ||||
| title: t('setting.sureDelete'), | |||||
| onOk: async () => { | onOk: async () => { | ||||
| const code = await deleteTenantUser({ userId }); | const code = await deleteTenantUser({ userId }); | ||||
| if (code === 0) { | if (code === 0) { |