Update icon imports
This commit is contained in:
@@ -17,7 +17,7 @@ limitations under the License.
|
|||||||
import { FC } from "react";
|
import { FC } from "react";
|
||||||
import { Tooltip } from "@vector-im/compound-web";
|
import { Tooltip } from "@vector-im/compound-web";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import LockIcon from "@vector-im/compound-design-tokens/icons/lock.svg?react";
|
import LockSolidIcon from "@vector-im/compound-design-tokens/icons/lock-solid.svg?react";
|
||||||
import LockOffIcon from "@vector-im/compound-design-tokens/icons/lock-off.svg?react";
|
import LockOffIcon from "@vector-im/compound-design-tokens/icons/lock-off.svg?react";
|
||||||
|
|
||||||
import styles from "./EncryptionLock.module.css";
|
import styles from "./EncryptionLock.module.css";
|
||||||
@@ -28,7 +28,7 @@ interface Props {
|
|||||||
|
|
||||||
export const EncryptionLock: FC<Props> = ({ encrypted }) => {
|
export const EncryptionLock: FC<Props> = ({ encrypted }) => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const Icon = encrypted ? LockIcon : LockOffIcon;
|
const Icon = encrypted ? LockSolidIcon : LockOffIcon;
|
||||||
const label = encrypted ? t("common.encrypted") : t("common.unencrypted");
|
const label = encrypted ? t("common.encrypted") : t("common.unencrypted");
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ import {
|
|||||||
import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react";
|
import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react";
|
||||||
import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react";
|
import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react";
|
||||||
import ErrorIcon from "@vector-im/compound-design-tokens/icons/error.svg?react";
|
import ErrorIcon from "@vector-im/compound-design-tokens/icons/error.svg?react";
|
||||||
import MicOffOutlineIcon from "@vector-im/compound-design-tokens/icons/mic-off-outline.svg?react";
|
import MicOffIcon from "@vector-im/compound-design-tokens/icons/mic-off.svg?react";
|
||||||
import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/icons/overflow-horizontal.svg?react";
|
import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/icons/overflow-horizontal.svg?react";
|
||||||
import VolumeOnIcon from "@vector-im/compound-design-tokens/icons/volume-on.svg?react";
|
import VolumeOnIcon from "@vector-im/compound-design-tokens/icons/volume-on.svg?react";
|
||||||
import VolumeOffIcon from "@vector-im/compound-design-tokens/icons/volume-off.svg?react";
|
import VolumeOffIcon from "@vector-im/compound-design-tokens/icons/volume-off.svg?react";
|
||||||
@@ -236,7 +236,7 @@ const UserMediaTile = subscribe<UserMediaTileProps, HTMLDivElement>(
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<ToggleMenuItem
|
<ToggleMenuItem
|
||||||
Icon={MicOffOutlineIcon}
|
Icon={MicOffIcon}
|
||||||
label={t("video_tile.mute_for_me")}
|
label={t("video_tile.mute_for_me")}
|
||||||
checked={locallyMuted}
|
checked={locallyMuted}
|
||||||
onChange={onChangeMute}
|
onChange={onChangeMute}
|
||||||
|
|||||||
Reference in New Issue
Block a user