mirror of
https://github.com/langgenius/dify.git
synced 2026-01-23 04:02:21 +08:00
a26881cb24
Co-authored-by: yyh <yuanyouhuilyz@gmail.com> Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { memo } from 'react'
|
|
import Button from '@/app/components/base/button'
|
|
import { GlobalVariable } from '@/app/components/base/icons/src/vender/line/others'
|
|
import { useStore } from '@/app/components/workflow/store'
|
|
import useTheme from '@/hooks/use-theme'
|
|
import { cn } from '@/utils/classnames'
|
|
import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
|
|
|
|
const GlobalVariableButton = ({ disabled }: { disabled: boolean }) => {
|
|
const { theme } = useTheme()
|
|
const showGlobalVariablePanel = useStore(s => s.showGlobalVariablePanel)
|
|
const setShowGlobalVariablePanel = useStore(s => s.setShowGlobalVariablePanel)
|
|
const setShowEnvPanel = useStore(s => s.setShowEnvPanel)
|
|
const setShowChatVariablePanel = useStore(s => s.setShowChatVariablePanel)
|
|
const setShowDebugAndPreviewPanel = useStore(s => s.setShowDebugAndPreviewPanel)
|
|
const { closeAllInputFieldPanels } = useInputFieldPanel()
|
|
|
|
const handleClick = () => {
|
|
setShowGlobalVariablePanel(true)
|
|
setShowEnvPanel(false)
|
|
setShowChatVariablePanel(false)
|
|
setShowDebugAndPreviewPanel(false)
|
|
closeAllInputFieldPanels()
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
className={cn(
|
|
'p-2',
|
|
theme === 'dark' && showGlobalVariablePanel && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
|
|
)}
|
|
disabled={disabled}
|
|
onClick={handleClick}
|
|
variant='ghost'
|
|
>
|
|
<GlobalVariable className='h-4 w-4 text-components-button-secondary-text' />
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default memo(GlobalVariableButton)
|