dify/web/app/components/datasets/metadata/metadata-document/no-data.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

30 lines
1.1 KiB
TypeScript

'use client'
import type { FC } from 'react'
import { Button } from '@langgenius/dify-ui/button'
import { RiArrowRightLine } from '@remixicon/react'
import * as React from 'react'
import { useTranslation } from 'react-i18next'
type Props = Readonly<{
onStart: () => void
}>
const NoData: FC<Props> = ({ onStart }) => {
const { t } = useTranslation()
return (
<div className="rounded-xl bg-linear-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4 pt-3">
<div className="text-xs/5 font-semibold text-text-secondary">
{t(($) => $['metadata.metadata'], { ns: 'dataset' })}
</div>
<div className="mt-1 system-xs-regular text-text-tertiary">
{t(($) => $['metadata.documentMetadata.metadataToolTip'], { ns: 'dataset' })}
</div>
<Button variant="primary" className="mt-2" onClick={onStart}>
<div>{t(($) => $['metadata.documentMetadata.startLabeling'], { ns: 'dataset' })}</div>
<RiArrowRightLine className="ml-1 size-4" />
</Button>
</div>
)
}
export default React.memo(NoData)