From 04f74123077289be93bcf2218a05e5820e1d4ce6 Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Fri, 22 Aug 2025 12:35:55 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=B7=EF=B8=8F(frontend)=20make=20contro?= =?UTF-8?q?lbar=20props=20readonly=20for=20enhanced=20type=20safety?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Strengthens type safety by ensuring props immutability and catching potential side effects during development. --- .../rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx | 4 +++- .../rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx index 52f8062f..504fafb8 100644 --- a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx +++ b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx @@ -13,7 +13,9 @@ import { useRef } from 'react' import { VideoDeviceControl } from '../../components/controls/Device/VideoDeviceControl' import { AudioDevicesControl } from '../../components/controls/Device/AudioDevicesControl' -export function DesktopControlBar({ onDeviceError }: ControlBarAuxProps) { +export function DesktopControlBar({ + onDeviceError, +}: Readonly) { const browserSupportsScreenSharing = supportsScreenSharing() const desktopControlBarEl = useRef(null) return ( 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 abc82efa..fc2a3272 100644 --- a/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx +++ b/src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MobileControlBar.tsx @@ -26,7 +26,9 @@ import { useConfig } from '@/api/useConfig' import { AudioDevicesControl } from '../../components/controls/Device/AudioDevicesControl' import { VideoDeviceControl } from '../../components/controls/Device/VideoDeviceControl' -export function MobileControlBar({ onDeviceError }: ControlBarAuxProps) { +export function MobileControlBar({ + onDeviceError, +}: Readonly) { const { t } = useTranslation('rooms') const [isMenuOpened, setIsMenuOpened] = React.useState(false) const browserSupportsScreenSharing = supportsScreenSharing()