diff --git a/src/web/control.js b/src/web/control.js index dd8c325..e74d44e 100644 --- a/src/web/control.js +++ b/src/web/control.js @@ -192,6 +192,11 @@ function App({ wsEndpoint }) { } = useStreamwallConnection(wsEndpoint) const { gridCount } = config + const [showDebug, setShowDebug] = useState(false) + const handleChangeShowDebug = useCallback((ev) => { + setShowDebug(ev.target.checked) + }) + const [dragStart, setDragStart] = useState() const handleDragStart = useCallback((idx, ev) => { setDragStart(idx) @@ -403,6 +408,7 @@ function App({ wsEndpoint }) { isListening={isListening} isBlurred={isBlurred} isHighlighted={isDragHighlighted} + showDebug={showDebug} onMouseDown={handleDragStart} onMouseEnter={setDragEnd} onFocus={handleFocusInput} @@ -419,6 +425,14 @@ function App({ wsEndpoint }) { ))} +
{isConnected ? normalStreams.map((row) => ( @@ -531,6 +545,7 @@ function GridInput({ isListening, isBlurred, isHighlighted, + showDebug, onMouseDown, onMouseEnter, onFocus, @@ -600,12 +615,16 @@ function GridInput({ - - - - - - + {showDebug && ( + <> + + + + + + + + )} )}