| | |
| | | import { useTranslation } from 'react-i18next' |
| | | import { |
| | | RiDeleteBinLine, |
| | | RiEditLine, |
| | | } from '@remixicon/react' |
| | | import Button from '@/app/components/base/button' |
| | | import { Edit02 } from '@/app/components/base/icons/src/vender/line/general' |
| | | import type { ApiBasedExtension } from '@/models/common' |
| | | import { useModalContext } from '@/context/modal-context' |
| | | import { deleteApiBasedExtension } from '@/service/common' |
| | |
| | | } |
| | | |
| | | return ( |
| | | <div className='group mb-2 flex items-center rounded-xl border-[0.5px] border-transparent bg-components-input-bg-normal px-4 py-2 hover:border-components-input-border-active hover:shadow-xs'> |
| | | <div className='group flex items-center mb-2 px-4 py-2 border-[0.5px] border-transparent rounded-xl bg-gray-50 hover:border-gray-200 hover:shadow-xs'> |
| | | <div className='grow'> |
| | | <div className='mb-0.5 text-[13px] font-medium text-text-secondary'>{data.name}</div> |
| | | <div className='text-xs text-text-tertiary'>{data.api_endpoint}</div> |
| | | <div className='mb-0.5 text-[13px] font-medium text-gray-700'>{data.name}</div> |
| | | <div className='text-xs text-gray-500'>{data.api_endpoint}</div> |
| | | </div> |
| | | <div className='hidden items-center group-hover:flex'> |
| | | <Button |
| | | className='mr-1' |
| | | <div className='hidden group-hover:flex items-center'> |
| | | <div |
| | | className='flex items-center mr-1 px-3 h-7 bg-white text-xs font-medium text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer' |
| | | onClick={handleOpenApiBasedExtensionModal} |
| | | > |
| | | <RiEditLine className='mr-1 h-4 w-4' /> |
| | | <Edit02 className='mr-[5px] w-3.5 h-3.5' /> |
| | | {t('common.operation.edit')} |
| | | </Button> |
| | | <Button |
| | | </div> |
| | | <div |
| | | className='flex items-center justify-center w-7 h-7 bg-white text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer' |
| | | onClick={() => setShowDeleteConfirm(true)} |
| | | > |
| | | <RiDeleteBinLine className='mr-1 h-4 w-4' /> |
| | | {t('common.operation.delete')} |
| | | </Button> |
| | | <RiDeleteBinLine className='w-4 h-4' /> |
| | | </div> |
| | | </div> |
| | | { |
| | | showDeleteConfirm |