| | |
| | | |
| | | return ( |
| | | <div className='mt-6'> |
| | | <div className='text-sm font-medium text-gray-900'>{t('share.generation.csvStructureTitle')}</div> |
| | | <div className='text-sm text-gray-900 font-medium'>{t('share.generation.csvStructureTitle')}</div> |
| | | <div className='mt-2 max-h-[500px] overflow-auto'> |
| | | {docForm === ChunkingMode.qa && ( |
| | | <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-gray-200 text-xs'> |
| | | <table className='table-fixed w-full border-separate border-spacing-0 border border-gray-200 rounded-lg text-xs'> |
| | | <thead className='text-gray-500'> |
| | | <tr> |
| | | <td className='h-9 border-b border-gray-200 pl-3 pr-2'>{t('datasetDocuments.list.batchModal.question')}</td> |
| | | <td className='h-9 border-b border-gray-200 pl-3 pr-2'>{t('datasetDocuments.list.batchModal.answer')}</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-200'>{t('datasetDocuments.list.batchModal.question')}</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-200'>{t('datasetDocuments.list.batchModal.answer')}</td> |
| | | </tr> |
| | | </thead> |
| | | <tbody className='text-gray-700'> |
| | | <tr> |
| | | <td className='h-9 border-b border-gray-100 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.question')} 1</td> |
| | | <td className='h-9 border-b border-gray-100 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.answer')} 1</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-100 text-[13px]'>{t('datasetDocuments.list.batchModal.question')} 1</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-100 text-[13px]'>{t('datasetDocuments.list.batchModal.answer')} 1</td> |
| | | </tr> |
| | | <tr> |
| | | <td className='h-9 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.question')} 2</td> |
| | |
| | | </table> |
| | | )} |
| | | {docForm === ChunkingMode.text && ( |
| | | <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-gray-200 text-xs'> |
| | | <table className='table-fixed w-full border-separate border-spacing-0 border border-gray-200 rounded-lg text-xs'> |
| | | <thead className='text-gray-500'> |
| | | <tr> |
| | | <td className='h-9 border-b border-gray-200 pl-3 pr-2'>{t('datasetDocuments.list.batchModal.contentTitle')}</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-200'>{t('datasetDocuments.list.batchModal.contentTitle')}</td> |
| | | </tr> |
| | | </thead> |
| | | <tbody className='text-gray-700'> |
| | | <tr> |
| | | <td className='h-9 border-b border-gray-100 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.content')} 1</td> |
| | | <td className='h-9 pl-3 pr-2 border-b border-gray-100 text-[13px]'>{t('datasetDocuments.list.batchModal.content')} 1</td> |
| | | </tr> |
| | | <tr> |
| | | <td className='h-9 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.content')} 2</td> |
| | |
| | | )} |
| | | </div> |
| | | <CSVDownloader |
| | | className="mt-2 block cursor-pointer" |
| | | className="block mt-2 cursor-pointer" |
| | | type={Type.Link} |
| | | filename={'template'} |
| | | bom={true} |
| | | data={getTemplate()} |
| | | > |
| | | <div className='flex h-[18px] items-center space-x-1 text-xs font-medium text-text-accent'> |
| | | <DownloadIcon className='mr-1 h-3 w-3' /> |
| | | <div className='flex items-center h-[18px] space-x-1 text-text-accent text-xs font-medium'> |
| | | <DownloadIcon className='w-3 h-3 mr-1' /> |
| | | {t('datasetDocuments.list.batchModal.template')} |
| | | </div> |
| | | </CSVDownloader> |