| | |
| | | <table className={cn('mt-2 w-full min-w-[440px] border-collapse border-0')}> |
| | | <thead className='system-xs-medium-uppercase text-text-tertiary'> |
| | | <tr> |
| | | <td className='w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1'>{t('appAnnotation.table.header.question')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.answer')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.createdAt')}</td> |
| | | <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.hits')}</td> |
| | | <td className='w-[96px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.actions')}</td> |
| | | <td className='pl-2 pr-1 w-5 rounded-l-lg bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.table.header.question')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.table.header.answer')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.table.header.createdAt')}</td> |
| | | <td className='pl-3 py-1.5 bg-background-section-burn whitespace-nowrap'>{t('appAnnotation.table.header.hits')}</td> |
| | | <td className='pl-3 py-1.5 rounded-r-lg bg-background-section-burn whitespace-nowrap w-[96px]'>{t('appAnnotation.table.header.actions')}</td> |
| | | </tr> |
| | | </thead> |
| | | <tbody className="system-sm-regular text-text-secondary"> |
| | | <tbody className="text-text-secondary system-sm-regular"> |
| | | {list.map(item => ( |
| | | <tr |
| | | key={item.id} |
| | | className='cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover' |
| | | className='border-b border-divider-subtle hover:bg-background-default-hover cursor-pointer' |
| | | onClick={ |
| | | () => { |
| | | onView(item) |
| | |
| | | } |
| | | > |
| | | <td |
| | | className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2' |
| | | className='p-3 pr-2 whitespace-nowrap overflow-hidden text-ellipsis max-w-[250px]' |
| | | title={item.question} |
| | | >{item.question}</td> |
| | | <td |
| | | className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2' |
| | | className='p-3 pr-2 whitespace-nowrap overflow-hidden text-ellipsis max-w-[250px]' |
| | | title={item.answer} |
| | | >{item.answer}</td> |
| | | <td className='p-3 pr-2'>{formatTime(item.created_at, t('appLog.dateTimeFormat') as string)}</td> |
| | |
| | | {/* Actions */} |
| | | <div className='flex space-x-1 text-text-tertiary'> |
| | | <ActionButton onClick={() => onView(item)}> |
| | | <RiEditLine className='h-4 w-4' /> |
| | | <RiEditLine className='w-4 h-4' /> |
| | | </ActionButton> |
| | | <ActionButton |
| | | onClick={() => { |
| | |
| | | setShowConfirmDelete(true) |
| | | }} |
| | | > |
| | | <RiDeleteBinLine className='h-4 w-4' /> |
| | | <RiDeleteBinLine className='w-4 h-4' /> |
| | | </ActionButton> |
| | | </div> |
| | | </td> |