diff --git a/src/tile/GridTile.tsx b/src/tile/GridTile.tsx index 92262f05..fa2000d0 100644 --- a/src/tile/GridTile.tsx +++ b/src/tile/GridTile.tsx @@ -51,6 +51,7 @@ import { type GridTileViewModel } from "../state/TileViewModel"; import { useMergedRefs } from "../useMergedRefs"; import { useReactionsSender } from "../reactions/useReactionsSender"; import { useBehavior } from "../useBehavior"; +import { showConnectionStats } from "../settings/settings"; interface TileProps { ref?: Ref; diff --git a/src/tile/MediaView.tsx b/src/tile/MediaView.tsx index 7847a30a..02f34462 100644 --- a/src/tile/MediaView.tsx +++ b/src/tile/MediaView.tsx @@ -18,7 +18,11 @@ import styles from "./MediaView.module.css"; import { Avatar } from "../Avatar"; import { type EncryptionStatus } from "../state/MediaViewModel"; import { RaisedHandIndicator } from "../reactions/RaisedHandIndicator"; -import { showHandRaisedTimer, useSetting } from "../settings/settings"; +import { + showConnectionStats, + showHandRaisedTimer, + useSetting, +} from "../settings/settings"; import { type ReactionOption } from "../reactions"; import { ReactionIndicator } from "../reactions/ReactionIndicator"; import { RTCConnectionStats } from "../RTCConnectionStats"; @@ -81,6 +85,7 @@ export const MediaView: FC = ({ }) => { const { t } = useTranslation(); const [handRaiseTimerVisible] = useSetting(showHandRaisedTimer); + const [showConnectioStats] = useSetting(showConnectionStats); const avatarSize = Math.round(Math.min(targetWidth, targetHeight) / 2); @@ -133,7 +138,9 @@ export const MediaView: FC = ({ {waitingForMedia && (
- {t("video_tile.waiting_for_media")} + {t("video_tile.waiting_for_media") + showConnectioStats + ? " " + rtcBackendIdentity + : ""}
)} {(audioStreamStats || videoStreamStats) && (