🐛(frontend) configure missing participants shortcut

Configure missing shortcut in the frontend for the participant side panel. It was accidentally omitted while merging Cyril's changes.
2026-02-19 11:51:45 +01:00
2 changed files with 7 additions and 0 deletions
@@ -11,6 +11,7 @@ and this project adheres to
 ### Added

 - ✨(frontend) expose Windows app web link #976
+- ✨(frontend) support additional shortcuts to broaden accessibility

 ### Changed

@@ -6,6 +6,7 @@ import { css } from '@/styled-system/css'
 import { useParticipants } from '@livekit/components-react'
 import { useSidePanel } from '../../../hooks/useSidePanel'
 import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'

 export const ParticipantsToggle = ({
  onPress,
@@ -27,6 +28,11 @@ export const ParticipantsToggle = ({

  const tooltipLabel = isParticipantsOpen ? 'open' : 'closed'

+  useRegisterKeyboardShortcut({
+    id: 'toggle-participants',
+    handler: toggleParticipants,
+  })
+
  return (
    <div
      className={css({