Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-09-25 22:35:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

update icons to solid (top right) and non solid (overlay)

Browse Source
This commit is contained in:
Timo
2025-07-14 17:51:48 +02:00
parent ea166e2ac3
commit 2748d5009a
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/room/EarpieceOverlay.tsx
+2 -2
View File
@@ -7,7 +7,7 @@ Please see LICENSE in the repository root for full details.
import { type FC } from "react"; import { type FC } from "react";
import { BigIcon, Button, Heading, Text } from "@vector-im/compound-web"; 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 { useTranslation } from "react-i18next";
import styles from "./EarpieceOverlay.module.css"; import styles from "./EarpieceOverlay.module.css";
@@ -22,7 +22,7 @@ export const EarpieceOverlay: FC<Props> = ({ show, onBackToVideoPressed }) => {
return ( return (
<div className={styles.overlay} data-show={show}> <div className={styles.overlay} data-show={show}>
<BigIcon className={styles.icon}> <BigIcon className={styles.icon}>
<EarpieceIcon aria-hidden /> <VoiceCallIcon aria-hidden />
</BigIcon> </BigIcon>
<Heading as="h2" weight="semibold" size="md"> <Heading as="h2" weight="semibold" size="md">
{t("handset.overlay_title")} {t("handset.overlay_title")}
src/room/InCallView.tsx
+2 -2
View File
@@ -29,7 +29,7 @@ import { useObservable, useObservableEagerState } from "observable-hooks";
import { logger } from "matrix-js-sdk/lib/logger"; import { logger } from "matrix-js-sdk/lib/logger";
import { RoomAndToDeviceEvents } from "matrix-js-sdk/lib/matrixrtc/RoomAndToDeviceKeyTransport"; import { RoomAndToDeviceEvents } from "matrix-js-sdk/lib/matrixrtc/RoomAndToDeviceKeyTransport";
import { import {
VoiceCallIcon, VoiceCallSolidIcon,
VolumeOnSolidIcon, VolumeOnSolidIcon,
} from "@vector-im/compound-design-tokens/assets/web/icons"; } from "@vector-im/compound-design-tokens/assets/web/icons";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@@ -457,7 +457,7 @@ export const InCallView: FC<InCallViewProps> = ({
useMemo(() => { useMemo(() => {
if (audioOutputSwitcher === null) return null; if (audioOutputSwitcher === null) return null;
const isEarpieceTarget = audioOutputSwitcher.targetOutput === "earpiece"; const isEarpieceTarget = audioOutputSwitcher.targetOutput === "earpiece";
const Icon = isEarpieceTarget ? VoiceCallIcon : VolumeOnSolidIcon; const Icon = isEarpieceTarget ? VoiceCallSolidIcon : VolumeOnSolidIcon;
const label = isEarpieceTarget const label = isEarpieceTarget
? t("settings.devices.handset") ? t("settings.devices.handset")
: t("settings.devices.loudspeaker"); : t("settings.devices.loudspeaker");