diff --git a/packages/desktop/src/tree/protected/terminal/line/LineRow.tsx b/packages/desktop/src/tree/protected/terminal/line/LineRow.tsx index 0d7e42b..157e17a 100644 --- a/packages/desktop/src/tree/protected/terminal/line/LineRow.tsx +++ b/packages/desktop/src/tree/protected/terminal/line/LineRow.tsx @@ -8,6 +8,7 @@ import LineIcon from '../../../../components/lineIcon'; import moment from 'moment'; import { useKeyPressEvent } from 'react-use'; import useElectron from '../../../../providers/ElectronProvider'; +import { maxToggleTunedChannelCount } from '../rules'; export default React.memo(function LineRow({ index, @@ -131,7 +132,7 @@ export default React.memo(function LineRow({ {line.lineDetails.name || line.otherUserObjects[0].givenName} - {line.isUserToggleTuned && isWindowFocused && ( + {index < maxToggleTunedChannelCount && ( {`${index + 1}`} )} diff --git a/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx b/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx index 332f082..942f015 100644 --- a/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx +++ b/packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx @@ -12,6 +12,7 @@ import useSockets from '../../../../providers/SocketProvider'; import useElectron from '../../../../providers/ElectronProvider'; import useStreams from '../../../../providers/StreamProvider'; import { maxToggleTunedChannelCount } from '../rules'; +import { useKeyPressEvent } from 'react-use'; export default function SidePanel() { // using merely for loading state...better to add to realtimeroom context? @@ -37,6 +38,14 @@ export default function SidePanel() { handleShowNewChannelForm('show'); }, [handleShowNewChannelForm]); + const omniSearchBarRef = useRef(); + + const focusSearch = useCallback(() => { + if (omniSearchBarRef.current) omniSearchBarRef.current.focus(); + }, [omniSearchBarRef]); + + useKeyPressEvent('Tab', focusSearch); + return (
setSearchQuery(e.target.value)} value={searchQuery} + ref={omniSearchBarRef} /> + + tab