mirror of
https://github.com/vector-im/element-call.git
synced 2026-03-31 07:00:26 +00:00
0087e37f30
* Enable @typescript-eslint/consistent-type-imports lint rule This is to help ensure that we get proper vite/rollup lazy loading by not `import`ing more than we need to. Revert "Enable @typescript-eslint/consistent-type-imports lint rule" This reverts commit ba385fa00b7e410cc508fd5fb9fe972233ae114f. Enable @typescript-eslint/consistent-type-imports lint rule This is to help ensure that we get proper vite/rollup lazy loading by not `import`ing more than we need to. . * Format
38 lines
939 B
TypeScript
38 lines
939 B
TypeScript
/*
|
|
Copyright 2023, 2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { type FC } from "react";
|
|
import { Tooltip } from "@vector-im/compound-web";
|
|
import { useTranslation } from "react-i18next";
|
|
import {
|
|
LockSolidIcon,
|
|
LockOffIcon,
|
|
} from "@vector-im/compound-design-tokens/assets/web/icons";
|
|
|
|
import styles from "./EncryptionLock.module.css";
|
|
|
|
interface Props {
|
|
encrypted: boolean;
|
|
}
|
|
|
|
export const EncryptionLock: FC<Props> = ({ encrypted }) => {
|
|
const { t } = useTranslation();
|
|
const Icon = encrypted ? LockSolidIcon : LockOffIcon;
|
|
const label = encrypted ? t("common.encrypted") : t("common.unencrypted");
|
|
|
|
return (
|
|
<Tooltip label={label} placement="right" isTriggerInteractive={false}>
|
|
<Icon
|
|
width={16}
|
|
height={16}
|
|
className={styles.lock}
|
|
data-encrypted={encrypted}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
};
|