| | |
| | | import { useTranslation } from 'react-i18next' |
| | | import Modal from '@/app/components/base/modal' |
| | | import Button from '@/app/components/base/button' |
| | | import Input from '@/app/components/base/input' |
| | | |
| | | export type IRenameModalProps = { |
| | | isShow: boolean |
| | |
| | | isShow={isShow} |
| | | onClose={onClose} |
| | | > |
| | | <div className={'mt-6 text-sm font-medium leading-[21px] text-text-primary'}>{t('common.chat.conversationName')}</div> |
| | | <Input className='mt-2 h-10 w-full' |
| | | <div className={'mt-6 font-medium text-sm leading-[21px] text-gray-900'}>{t('common.chat.conversationName')}</div> |
| | | <input className={'mt-2 w-full rounded-lg h-10 box-border px-3 text-sm leading-10 bg-gray-100'} |
| | | value={tempName} |
| | | onChange={e => setTempName(e.target.value)} |
| | | placeholder={t('common.chat.conversationNamePlaceholder') || ''} |
| | | /> |
| | | |
| | | <div className='mt-10 flex justify-end'> |
| | | <Button className='mr-2 shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button> |
| | | <Button variant='primary' className='shrink-0' onClick={() => onSave(tempName)} loading={saveLoading}>{t('common.operation.save')}</Button> |
| | | <Button className='mr-2 flex-shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button> |
| | | <Button variant='primary' className='flex-shrink-0' onClick={() => onSave(tempName)} loading={saveLoading}>{t('common.operation.save')}</Button> |
| | | </div> |
| | | </Modal> |
| | | ) |