| | |
| | | return ( |
| | | <div className={cn(s.filePreview, 'h-full')}> |
| | | <div className={cn(s.previewHeader)}> |
| | | <div className={cn(s.title, 'title-md-semi-bold')}> |
| | | <div className={cn(s.title)}> |
| | | <span>{t('datasetCreation.stepOne.pagePreview')}</span> |
| | | <div className='flex h-6 w-6 cursor-pointer items-center justify-center' onClick={hidePreview}> |
| | | <div className='flex items-center justify-center w-6 h-6 cursor-pointer' onClick={hidePreview}> |
| | | <XMarkIcon className='h-4 w-4'></XMarkIcon> |
| | | </div> |
| | | </div> |
| | | <div className='title-sm-semi-bold break-words text-text-primary'> |
| | | <div className='leading-5 text-sm font-medium text-gray-900 break-words'> |
| | | {payload.title} |
| | | </div> |
| | | <div className='system-xs-medium truncate text-text-tertiary' title={payload.source_url}>{payload.source_url}</div> |
| | | <div className='truncate leading-[18px] text-xs font-normal text-gray-500' title={payload.source_url}>{payload.source_url}</div> |
| | | </div> |
| | | <div className={cn(s.previewContent, 'body-md-regular')}> |
| | | <div className={cn(s.fileContent)}>{payload.markdown}</div> |
| | | <div className={cn(s.previewContent)}> |
| | | <div className={cn(s.fileContent, 'body-md-regular')}>{payload.markdown}</div> |
| | | </div> |
| | | </div> |
| | | ) |