diff --git a/src/frontend/src/features/rooms/livekit/components/controls/ToolsToggle.tsx b/src/frontend/src/features/rooms/livekit/components/controls/ToolsToggle.tsx index 782377c1..668c7251 100644 --- a/src/frontend/src/features/rooms/livekit/components/controls/ToolsToggle.tsx +++ b/src/frontend/src/features/rooms/livekit/components/controls/ToolsToggle.tsx @@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next' import { useSidePanel } from '../../hooks/useSidePanel' import { css } from '@/styled-system/css' import { ToggleButtonProps } from '@/primitives/ToggleButton' +import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut' export const ToolsToggle = ({ variant = 'primaryTextDark', @@ -15,6 +16,11 @@ export const ToolsToggle = ({ const { isToolsOpen, toggleTools } = useSidePanel() const tooltipLabel = isToolsOpen ? 'open' : 'closed' + useRegisterKeyboardShortcut({ + id: 'recording', + handler: toggleTools, + }) + return (