| | |
| | | return ( |
| | | <div className='flex items-center'> |
| | | <div className=' |
| | | mr-[5px] flex |
| | | h-7 cursor-pointer items-center rounded-md px-3 |
| | | flex items-center |
| | | mr-[5px] px-3 h-7 rounded-md cursor-pointer |
| | | text-xs font-medium text-gray-700 |
| | | ' onClick={onCancel} > |
| | | {t('common.operation.cancel')} |
| | | </div> |
| | | <div className=' |
| | | flex h-7 |
| | | cursor-pointer items-center rounded-md bg-primary-700 px-3 |
| | | flex items-center |
| | | px-3 h-7 rounded-md cursor-pointer bg-primary-700 |
| | | text-xs font-medium text-white |
| | | ' onClick={onSave}> |
| | | {t('common.operation.save')} |
| | |
| | | if (status === 'add') { |
| | | return ( |
| | | <div className={ |
| | | `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200 |
| | | bg-white px-3 text-xs font-medium text-gray-700 ${disabled && 'cursor-default opacity-50'}}` |
| | | `px-3 h-[28px] bg-white border border-gray-200 rounded-md cursor-pointer |
| | | text-xs font-medium text-gray-700 flex items-center ${disabled && 'opacity-50 cursor-default'}}` |
| | | } onClick={() => !disabled && onAdd()}> |
| | | {t('common.provider.addKey')} |
| | | </div> |
| | |
| | | <div className='flex items-center'> |
| | | { |
| | | status === 'fail' && ( |
| | | <div className='mr-4 flex items-center'> |
| | | <div className='flex items-center mr-4'> |
| | | <div className='text-xs text-[#D92D20]'>{t('common.provider.invalidApiKey')}</div> |
| | | <Indicator color='red' className='ml-2' /> |
| | | </div> |
| | |
| | | ) |
| | | } |
| | | <div className={ |
| | | `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200 |
| | | bg-white px-3 text-xs font-medium text-gray-700 ${disabled && 'cursor-default opacity-50'}}` |
| | | `px-3 h-[28px] bg-white border border-gray-200 rounded-md cursor-pointer |
| | | text-xs font-medium text-gray-700 flex items-center ${disabled && 'opacity-50 cursor-default'}}` |
| | | } onClick={() => !disabled && onEdit()}> |
| | | {t('common.provider.editKey')} |
| | | </div> |