inspect panel empty

This commit is contained in:
jZonG 2025-04-28 13:34:02 +08:00
parent f126f98514
commit 9afcdfa8d4

View File

@ -1,10 +1,11 @@
import type { FC } from 'react' import type { FC } from 'react'
import { useState } from 'react' import { useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { import {
RiCloseLine, RiCloseLine,
} from '@remixicon/react' } from '@remixicon/react'
import { useStore } from '../store' import { useStore } from '../store'
import useCurrentVars from '../hooks/use-inspect-vars-crud'
import Empty from './empty' import Empty from './empty'
import Left from './left' import Left from './left'
import Right from './right' import Right from './right'
@ -18,7 +19,17 @@ const Panel: FC = () => {
const setShowVariableInspectPanel = useStore(s => s.setShowVariableInspectPanel) const setShowVariableInspectPanel = useStore(s => s.setShowVariableInspectPanel)
const [showLeftPanel, setShowLeftPanel] = useState(true) const [showLeftPanel, setShowLeftPanel] = useState(true)
const isEmpty = false const environmentVariables = useStore(s => s.environmentVariables)
const {
conversationVars,
systemVars,
nodesWithInspectVars,
} = useCurrentVars()
const isEmpty = useMemo(() => {
const allVars = [...environmentVariables, ...conversationVars, ...systemVars, ...nodesWithInspectVars]
return allVars.length === 0
}, [conversationVars, systemVars, nodesWithInspectVars])
if (isEmpty) { if (isEmpty) {
return ( return (
<div className={cn('flex h-full flex-col')}> <div className={cn('flex h-full flex-col')}>