dify/web/app/components/tools/contribute.tsx
Joel 7bbe12b2bd
feat: support assistant frontend (#2139)
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
2024-01-23 19:31:56 +08:00

32 lines
1.1 KiB
TypeScript

'use client'
import type { FC } from 'react'
import React from 'react'
import { useTranslation } from 'react-i18next'
import { Heart02 } from '../base/icons/src/vender/solid/education'
import { BookOpen01 } from '../base/icons/src/vender/line/education'
const Contribute: FC = () => {
const { t } = useTranslation()
return (
<div className='shrink-0 p-2'>
<div className='inline-block p-2 bg-white shadow-lg rounded-lg'>
<Heart02 className='w-3 h-3 text-[#EE46BC]' />
</div>
<div className='mt-2'>
<div className='text-gradient'>
{t('tools.contribute.line1')}
</div>
<div className='text-gradient'>
{t('tools.contribute.line2')}
</div>
</div>
<a href='https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md' target='_blank' className='mt-1 flex items-center space-x-1 text-[#155EEF]'>
<BookOpen01 className='w-3 h-3' />
<div className='leading-[18px] text-xs font-normal'>{t('tools.contribute.viewGuide')}</div>
</a>
</div>
)
}
export default React.memo(Contribute)