Add SettingsDisplay component to show graph settings
- Create SettingsDisplay component - Display graphQueryMaxDepth and graphMinDegree - Position display at bottom-left corner
This commit is contained in:
19
lightrag_webui/src/components/graph/SettingsDisplay.tsx
Normal file
19
lightrag_webui/src/components/graph/SettingsDisplay.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
import { useSettingsStore } from '@/stores/settings'
|
||||
|
||||
/**
|
||||
* Component that displays current values of important graph settings
|
||||
* Positioned to the right of the toolbar at the bottom-left corner
|
||||
*/
|
||||
const SettingsDisplay = () => {
|
||||
const graphQueryMaxDepth = useSettingsStore.use.graphQueryMaxDepth()
|
||||
const graphMinDegree = useSettingsStore.use.graphMinDegree()
|
||||
|
||||
return (
|
||||
<div className="absolute bottom-2 left-[calc(2rem+2.5rem)] flex items-center gap-2 text-xs text-gray-400">
|
||||
<div>Depth: {graphQueryMaxDepth}</div>
|
||||
<div>Degree: {graphMinDegree}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default SettingsDisplay
|
Reference in New Issue
Block a user