mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-25 07:38:15 +08:00

Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
72 lines
2.9 KiB
TypeScript
72 lines
2.9 KiB
TypeScript
import {
|
|
getLocaleOnServer,
|
|
useTranslation as translate,
|
|
} from '@/i18n/server'
|
|
|
|
type DescriptionProps = {
|
|
locale?: string
|
|
}
|
|
const Description = async ({
|
|
locale: localeFromProps,
|
|
}: DescriptionProps) => {
|
|
const localeDefault = await getLocaleOnServer()
|
|
const { t } = await translate(localeFromProps || localeDefault, 'plugin')
|
|
const { t: tCommon } = await translate(localeFromProps || localeDefault, 'common')
|
|
const isZhHans = localeFromProps === 'zh-Hans'
|
|
|
|
return (
|
|
<>
|
|
<h1 className='title-4xl-semi-bold mb-2 shrink-0 text-center text-text-primary'>
|
|
{t('marketplace.empower')}
|
|
</h1>
|
|
<h2 className='body-md-regular flex shrink-0 items-center justify-center text-center text-text-tertiary'>
|
|
{
|
|
isZhHans && (
|
|
<>
|
|
<span className='mr-1'>{tCommon('operation.in')}</span>
|
|
{t('marketplace.difyMarketplace')}
|
|
{t('marketplace.discover')}
|
|
</>
|
|
)
|
|
}
|
|
{
|
|
!isZhHans && (
|
|
<>
|
|
{t('marketplace.discover')}
|
|
</>
|
|
)
|
|
}
|
|
<span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
|
|
<span className='relative z-[2] lowercase'>{t('category.models')}</span>
|
|
</span>
|
|
,
|
|
<span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
|
|
<span className='relative z-[2] lowercase'>{t('category.tools')}</span>
|
|
</span>
|
|
,
|
|
<span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
|
|
<span className='relative z-[2] lowercase'>{t('category.agents')}</span>
|
|
</span>
|
|
,
|
|
<span className="body-md-medium relative z-[1] ml-1 mr-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
|
|
<span className='relative z-[2] lowercase'>{t('category.extensions')}</span>
|
|
</span>
|
|
{t('marketplace.and')}
|
|
<span className="body-md-medium relative z-[1] ml-1 mr-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
|
|
<span className='relative z-[2] lowercase'>{t('category.bundles')}</span>
|
|
</span>
|
|
{
|
|
!isZhHans && (
|
|
<>
|
|
<span className='mr-1'>{tCommon('operation.in')}</span>
|
|
{t('marketplace.difyMarketplace')}
|
|
</>
|
|
)
|
|
}
|
|
</h2>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Description
|