From 224707f4c7b9a1353f7321c743128a81e4a0d9fc Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Mon, 18 May 2026 17:40:24 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20enable=20reactions=20on?= =?UTF-8?q?=20mobile=20devices?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Allow reaction interactions on mobile. Adding the toolbar toggle currently impacts the responsive layout of the control bar on very small screens. This will be improved in a future PR with an auto-collapsing mobile control bar. --- CHANGELOG.md | 1 + .../rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx | 2 ++ 2 files changed, 3 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 46dfe209..4326c0ff 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,7 @@ and this project adheres to - ✨(fullstack) allow participants to mute others based on room configuration - ✨(frontend) add synchronizer for room metadata updates - ✨(frontend) make reaction toolbar responsive on small viewports +- ✨(frontend) enable reactions on mobile devices ### Changed diff --git a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx index 8fed2911..887582be 100644 --- a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx +++ b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx @@ -26,6 +26,7 @@ import { AudioDevicesControl } from '../../components/controls/Device/AudioDevic import { VideoDeviceControl } from '../../components/controls/Device/VideoDeviceControl' import { useSettingsDialog } from '@/features/settings/hook/useSettingsDialog' import { ControlBarRegion } from '@/features/layout/components/ControlBarRegion' +import { ReactionsToggle } from '@/features/reactions/components/ReactionsToggle' export function MobileControlBar({ onDeviceError, @@ -62,6 +63,7 @@ export function MobileControlBar({ } hideMenu={true} /> +