'use client' import React from 'react' import { useTranslation } from 'react-i18next' import type { CrawlResultItem } from '@/models/datasets' import { RiCloseLine, RiGlobalLine } from '@remixicon/react' import { formatNumberAbbreviated } from '@/utils/format' type WebsitePreviewProps = { currentWebsite: CrawlResultItem hidePreview: () => void } const WebsitePreview = ({ currentWebsite, hidePreview, }: WebsitePreviewProps) => { const { t } = useTranslation() return (
{t('datasetPipeline.addDocuments.stepOne.preview')}
{currentWebsite.title}
{currentWebsite.source_url} · · {`${formatNumberAbbreviated(currentWebsite.markdown.length)} ${t('datasetPipeline.addDocuments.characters')}`}
{currentWebsite.markdown}
) } export default WebsitePreview