mirror of
https://github.com/langgenius/dify.git
synced 2025-07-28 20:10:22 +00:00
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import {
|
|
memo,
|
|
} from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { RiEqualizer2Line } from '@remixicon/react'
|
|
import Button from '@/app/components/base/button'
|
|
import Indicator from '@/app/components/header/indicator'
|
|
import cn from '@/utils/classnames'
|
|
|
|
type AuthorizedInDataSourceNodeProps = {
|
|
authorizationsNum: number
|
|
onJumpToDataSourcePage: () => void
|
|
}
|
|
const AuthorizedInDataSourceNode = ({
|
|
authorizationsNum,
|
|
onJumpToDataSourcePage,
|
|
}: AuthorizedInDataSourceNodeProps) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Button
|
|
size='small'
|
|
onClick={onJumpToDataSourcePage}
|
|
>
|
|
<Indicator
|
|
className='mr-1.5'
|
|
color='green'
|
|
/>
|
|
{
|
|
authorizationsNum > 1
|
|
? t('plugin.auth.authorizations')
|
|
: t('plugin.auth.authorization')
|
|
}
|
|
<RiEqualizer2Line
|
|
className={cn(
|
|
'h-3.5 w-3.5 text-components-button-ghost-text',
|
|
)}
|
|
/>
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default memo(AuthorizedInDataSourceNode)
|