dify/web/app/components/datasets/list/dataset-footer/index.tsx
Stephen Zhou 6d0e36479b
refactor(i18n): use JSON with flattened key and namespace (#30114)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2025-12-29 14:52:32 +08:00

26 lines
888 B
TypeScript

'use client'
import * as React from 'react'
import { useTranslation } from 'react-i18next'
const DatasetFooter = () => {
const { t } = useTranslation()
return (
<footer className="shrink-0 px-12 py-6">
<h3 className="text-gradient text-xl font-semibold leading-tight">{t('didYouKnow', { ns: 'dataset' })}</h3>
<p className="mt-1 text-sm font-normal leading-tight text-text-secondary">
{t('intro1', { ns: 'dataset' })}
<span className="inline-flex items-center gap-1 text-text-accent">{t('intro2', { ns: 'dataset' })}</span>
{t('intro3', { ns: 'dataset' })}
<br />
{t('intro4', { ns: 'dataset' })}
<span className="inline-flex items-center gap-1 text-text-accent">{t('intro5', { ns: 'dataset' })}</span>
{t('intro6', { ns: 'dataset' })}
</p>
</footer>
)
}
export default React.memo(DatasetFooter)