mirror of https://github.com/langgenius/dify.git
25 lines
835 B
TypeScript
25 lines
835 B
TypeScript
import { memo } from 'react'
|
|
import Button from '@/app/components/base/button'
|
|
import { Env } from '@/app/components/base/icons/src/vender/line/others'
|
|
import { useStore } from '@/app/components/workflow/store'
|
|
|
|
const EnvButton = ({ disabled }: { disabled: boolean }) => {
|
|
const setShowChatVariablePanel = useStore(s => s.setShowChatVariablePanel)
|
|
const setShowEnvPanel = useStore(s => s.setShowEnvPanel)
|
|
const setShowDebugAndPreviewPanel = useStore(s => s.setShowDebugAndPreviewPanel)
|
|
|
|
const handleClick = () => {
|
|
setShowEnvPanel(true)
|
|
setShowChatVariablePanel(false)
|
|
setShowDebugAndPreviewPanel(false)
|
|
}
|
|
|
|
return (
|
|
<Button className='p-2' disabled={disabled} onClick={handleClick}>
|
|
<Env className='h-4 w-4 text-components-button-secondary-text' />
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default memo(EnvButton)
|