mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-08-05 05:40:37 +08:00
61 lines
2.6 KiB
TypeScript
61 lines
2.6 KiB
TypeScript
import type { FC } from 'react'
|
|
import { RiLoader2Line, RiStopCircleFill } from '@remixicon/react'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
import { useStore } from '../store'
|
|
import cn from '@/utils/classnames'
|
|
|
|
const VariableInspectTrigger: FC = () => {
|
|
const showVariableInspectPanel = useStore(s => s.showVariableInspectPanel)
|
|
const setShowVariableInspectPanel = useStore(s => s.setShowVariableInspectPanel)
|
|
|
|
if (showVariableInspectPanel)
|
|
return null
|
|
|
|
return (
|
|
<div className={cn('flex items-center gap-1')}>
|
|
{/* view button */}
|
|
<div
|
|
className='system-2xs-semibold-uppercase flex h-5 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-background-default-hover'
|
|
onClick={() => setShowVariableInspectPanel(true)}
|
|
>
|
|
Variable inspect
|
|
</div>
|
|
{/* caching button */}
|
|
<div
|
|
className='system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
|
|
onClick={() => setShowVariableInspectPanel(true)}
|
|
>
|
|
<RiLoader2Line className='h-4 w-4' />
|
|
<span className='text-text-accent'>Caching running status</span>
|
|
</div>
|
|
{/* stop button */}
|
|
<Tooltip
|
|
popupContent={'Stop run'}
|
|
>
|
|
<div
|
|
className='flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
|
|
// onClick={() => {}}
|
|
>
|
|
<RiStopCircleFill className='h-4 w-4 text-text-accent' />
|
|
</div>
|
|
</Tooltip>
|
|
{/* finish button */}
|
|
<div
|
|
className='system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
|
|
onClick={() => setShowVariableInspectPanel(true)}
|
|
>
|
|
View cached variables
|
|
</div>
|
|
{/* clear button */}
|
|
<div
|
|
className='system-xs-medium flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent hover:text-text-accent'
|
|
// onClick={() => {}}
|
|
>
|
|
Clear
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default VariableInspectTrigger
|