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 px-[3px] justify-center items-center gap-1
|
||
|
|
${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='w-3.5 h-3.5 text-text-quaternary animate-spin' />
|
||
|
|
: <RiInstallLine className='w-3.5 h-3.5 text-text-secondary' />
|
||
|
|
}
|
||
|
|
</Button>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default InstallButton
|