mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-04-23 06:09:43 +08:00
7709d9df20
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>
28 lines
939 B
TypeScript
28 lines
939 B
TypeScript
import Button from '../button'
|
|
import { RiInstallLine, RiLoader2Line } from '@remixicon/react'
|
|
|
|
type InstallButtonProps = {
|
|
loading: boolean
|
|
onInstall: (e: React.MouseEvent) => void
|
|
t: any
|
|
}
|
|
|
|
const InstallButton = ({ loading, onInstall, t }: InstallButtonProps) => {
|
|
return (
|
|
<Button size='small' className='z-[100]' onClick={onInstall}>
|
|
<div className={`flex items-center justify-center gap-1 px-[3px]
|
|
${loading ? 'text-components-button-secondary-text-disabled' : 'text-components-button-secondary-text'}
|
|
system-xs-medium`}
|
|
>
|
|
{loading ? t('workflow.nodes.agent.pluginInstaller.installing') : t('workflow.nodes.agent.pluginInstaller.install')}
|
|
</div>
|
|
{loading
|
|
? <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-text-quaternary' />
|
|
: <RiInstallLine className='h-3.5 w-3.5 text-text-secondary' />
|
|
}
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default InstallButton
|