diff --git a/CHANGELOG.md b/CHANGELOG.md index 7247e762..f62ac7a4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -30,6 +30,7 @@ and this project adheres to - 🐛(frontend) drop exact deviceId constraint on dynamic track creation - 🐛(frontend) fix permission store regression - 🐛(frontend) handle missing device errors gracefully +- 🐛(frontend) display the meeting id in the join screen page title ## [1.25.2] - 2026-08-06 diff --git a/src/frontend/src/features/rooms/livekit/hooks/useRoomPageTitle.ts b/src/frontend/src/features/rooms/livekit/hooks/useRoomPageTitle.ts index c8c5d60e..7b8bfe16 100644 --- a/src/frontend/src/features/rooms/livekit/hooks/useRoomPageTitle.ts +++ b/src/frontend/src/features/rooms/livekit/hooks/useRoomPageTitle.ts @@ -1,28 +1,18 @@ import { useTitle } from 'hoofd' -import { useRoomData } from './useRoomData' import { useMemo } from 'react' const APP_TITLE = import.meta.env.VITE_APP_TITLE ?? '' /** - * Updates the browser tab title with the room name to help users easily find + * Updates the browser tab title with the room id to help users easily find * the meeting tab among many open tabs. Works on both the join screen and * once connected. */ -export const useRoomPageTitle = () => { - const roomData = useRoomData() - +export const useRoomPageTitle = (roomId?: string) => { const pageTitle = useMemo(() => { - if (!roomData) { - return APP_TITLE - } - - const roomLabel = roomData.name || roomData.slug || '' - - if (!roomLabel) return APP_TITLE - - return `${APP_TITLE} - ${roomLabel} ` - }, [roomData]) + if (!roomId) return APP_TITLE + return `${APP_TITLE} - ${roomId}` + }, [roomId]) useTitle(pageTitle) } diff --git a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx index 1859fff3..55b145ce 100644 --- a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx +++ b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx @@ -14,7 +14,6 @@ import { ConnectionObserver } from '../components/ConnectionObserver' import { reportError } from '@/features/analytics/telemetry' import { MediaStateObserver } from '../components/MediaStateObserver' import { RoomMetadataSynchronizer } from '../components/RoomMetadataSynchronizer' -import { useRoomPageTitle } from '../hooks/useRoomPageTitle' import { useNoiseReduction } from '../hooks/useNoiseReduction' import { VideoResolutionSubscription } from '../components/VideoResolutionSubscription' import { SettingsDialogProvider } from '@/features/settings/components/SettingsDialogProvider' @@ -55,7 +54,6 @@ export interface VideoConferenceProps extends React.HTMLAttributes { return ( @@ -37,6 +38,8 @@ const Room = () => { const { data } = useConfig() + useRoomPageTitle(roomId) + useEffect(() => { const shouldSilenceLogs = data?.silence_livekit_debug_logs || false setLogLevel(shouldSilenceLogs ? LogLevel.silent : LogLevel.debug)