feat: add ESC key to deselect node summary selections

Press ESC to clear node selection in the summary table
This commit is contained in:
Pulse Monitor
2025-08-29 16:09:04 +00:00
parent b0b73a4b18
commit f9127ef5ce
@@ -1,4 +1,4 @@
import { Component, createSignal, createEffect, createMemo } from 'solid-js';
import { Component, createSignal, createEffect, createMemo, onMount, onCleanup } from 'solid-js';
import { useWebSocket } from '@/App';
import { NodeSummaryTable } from './NodeSummaryTable';
@@ -18,6 +18,21 @@ export const UnifiedNodeSelector: Component<UnifiedNodeSelectorProps> = (props)
const { state } = useWebSocket();
const [selectedNode, setSelectedNode] = createSignal<string | null>(null);
// Handle ESC key to deselect node
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key === 'Escape' && selectedNode()) {
setSelectedNode(null);
props.onNodeSelect?.(null, null);
}
};
onMount(() => {
document.addEventListener('keydown', handleKeyDown);
});
onCleanup(() => {
document.removeEventListener('keydown', handleKeyDown);
});
// Reset selection when tab changes
createEffect(() => {