mirror of
https://github.com/langgenius/dify.git
synced 2026-04-17 03:16:33 +08:00
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import { cn } from '@langgenius/dify-ui/cn'
|
|
import { memo } from 'react'
|
|
import { GlobalVariable } from '@/app/components/base/icons/src/vender/line/others'
|
|
import { Button } from '@/app/components/base/ui/button'
|
|
import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
|
|
import { useStore } from '@/app/components/workflow/store'
|
|
import useTheme from '@/hooks/use-theme'
|
|
|
|
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(
|
|
'rounded-lg border border-transparent p-2',
|
|
theme === 'dark' && showGlobalVariablePanel && 'border-black/5 bg-white/10 backdrop-blur-xs',
|
|
)}
|
|
disabled={disabled}
|
|
onClick={handleClick}
|
|
variant="ghost"
|
|
>
|
|
<GlobalVariable className="h-4 w-4 text-components-button-secondary-text" />
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default memo(GlobalVariableButton)
|