diff --git a/src/room/EarpieceOverlay.tsx b/src/room/EarpieceOverlay.tsx index 10b664fc..0b720f90 100644 --- a/src/room/EarpieceOverlay.tsx +++ b/src/room/EarpieceOverlay.tsx @@ -7,7 +7,7 @@ Please see LICENSE in the repository root for full details. import { type FC } from "react"; import { BigIcon, Button, Heading, Text } from "@vector-im/compound-web"; -import { EarpieceIcon } from "@vector-im/compound-design-tokens/assets/web/icons"; +import { VoiceCallIcon } from "@vector-im/compound-design-tokens/assets/web/icons"; import { useTranslation } from "react-i18next"; import styles from "./EarpieceOverlay.module.css"; @@ -22,7 +22,7 @@ export const EarpieceOverlay: FC = ({ show, onBackToVideoPressed }) => { return (
- + {t("handset.overlay_title")} diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index e8eb3cfd..763ca6be 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -29,7 +29,7 @@ import { useObservable, useObservableEagerState } from "observable-hooks"; import { logger } from "matrix-js-sdk/lib/logger"; import { RoomAndToDeviceEvents } from "matrix-js-sdk/lib/matrixrtc/RoomAndToDeviceKeyTransport"; import { - VoiceCallIcon, + VoiceCallSolidIcon, VolumeOnSolidIcon, } from "@vector-im/compound-design-tokens/assets/web/icons"; import { useTranslation } from "react-i18next"; @@ -457,7 +457,7 @@ export const InCallView: FC = ({ useMemo(() => { if (audioOutputSwitcher === null) return null; const isEarpieceTarget = audioOutputSwitcher.targetOutput === "earpiece"; - const Icon = isEarpieceTarget ? VoiceCallIcon : VolumeOnSolidIcon; + const Icon = isEarpieceTarget ? VoiceCallSolidIcon : VolumeOnSolidIcon; const label = isEarpieceTarget ? t("settings.devices.handset") : t("settings.devices.loudspeaker");