| | |
| | | setTagList(res) |
| | | } |
| | | |
| | | const [pending, setPending] = useState<boolean>(false) |
| | | const [pending, setPending] = useState<Boolean>(false) |
| | | const [name, setName] = useState<string>('') |
| | | const createNewTag = async () => { |
| | | if (!name) |
| | |
| | | setName('') |
| | | setPending(false) |
| | | } |
| | | catch { |
| | | catch (e: any) { |
| | | notify({ type: 'error', message: t('common.tag.failed') }) |
| | | setPending(false) |
| | | } |
| | |
| | | |
| | | return ( |
| | | <Modal |
| | | className='!w-[600px] !max-w-[600px] rounded-xl px-8 py-6' |
| | | className='px-8 py-6 !max-w-[600px] !w-[600px] rounded-xl' |
| | | isShow={show} |
| | | onClose={() => setShowTagManagementModal(false)} |
| | | > |
| | | <div className='relative pb-2 text-xl font-semibold leading-[30px] text-text-primary'>{t('common.tag.manageTags')}</div> |
| | | <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={() => setShowTagManagementModal(false)}> |
| | | <RiCloseLine className='h-4 w-4 text-text-tertiary' /> |
| | | <div className='relative pb-2 text-xl font-semibold leading-[30px] text-gray-900'>{t('common.tag.manageTags')}</div> |
| | | <div className='absolute right-4 top-4 p-2 cursor-pointer' onClick={() => setShowTagManagementModal(false)}> |
| | | <RiCloseLine className='w-4 h-4 text-gray-500' /> |
| | | </div> |
| | | <div className='mt-3 flex flex-wrap gap-2'> |
| | | <input |
| | | className='w-[100px] shrink-0 appearance-none rounded-lg border border-dashed border-divider-regular bg-transparent px-2 py-1 text-sm leading-5 text-text-secondary caret-primary-600 outline-none placeholder:text-text-quaternary focus:border-solid' |
| | | className='shrink-0 w-[100px] px-2 py-1 rounded-lg border border-dashed border-gray-200 text-sm leading-5 text-gray-700 outline-none appearance-none placeholder:text-gray-300 caret-primary-600 focus:border-solid' |
| | | placeholder={t('common.tag.addNew') || ''} |
| | | autoFocus |
| | | value={name} |