mirror of
https://github.com/langgenius/dify.git
synced 2026-04-24 00:59:19 +08:00
3c014f3ae5
Co-authored-by: AkaraChen <akarachen@outlook.com> Co-authored-by: Yi <yxiaoisme@gmail.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: JzoNg <jzongcode@gmail.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: kurokobo <kuro664@gmail.com> Co-authored-by: Hiroshi Fujita <fujita-h@users.noreply.github.com>
38 lines
994 B
TypeScript
38 lines
994 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import cn from '@/utils/classnames'
|
|
import { RowStruct } from '@/app/components/base/icons/src/public/other'
|
|
|
|
interface Props {
|
|
className?: string
|
|
crawledNum: number
|
|
totalNum: number
|
|
}
|
|
|
|
const Crawling: FC<Props> = ({
|
|
className = '',
|
|
crawledNum,
|
|
totalNum,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className={cn(className, 'border-t border-gray-200')}>
|
|
<div className='flex items-center h-[34px] px-4 bg-gray-50 shadow-xs border-b-[0.5px] border-black/8 text-xs font-normal text-gray-700'>
|
|
{t('datasetCreation.stepOne.website.totalPageScraped')} {crawledNum}/{totalNum}
|
|
</div>
|
|
|
|
<div className='p-2'>
|
|
{['', '', '', ''].map((item, index) => (
|
|
<div className='py-[5px]' key={index}>
|
|
<RowStruct />
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(Crawling)
|