+
+
+
+ Element Call is temporarily not end-to-end encrypted while we test
+ scalability.
+
+
+
+ );
+};
diff --git a/src/E2EELock.module.css b/src/E2EELock.module.css
new file mode 100644
index 00000000..504ace7b
--- /dev/null
+++ b/src/E2EELock.module.css
@@ -0,0 +1,28 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.e2eeLock {
+ width: 24px;
+ height: 24px;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 8px;
+
+ border-radius: 100%;
+ background-color: var(--subtle-primary);
+}
diff --git a/src/E2EELock.tsx b/src/E2EELock.tsx
new file mode 100644
index 00000000..d032b036
--- /dev/null
+++ b/src/E2EELock.tsx
@@ -0,0 +1,58 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { useTranslation } from "react-i18next";
+import { useCallback } from "react";
+import { useObjectRef } from "@react-aria/utils";
+import { useButton } from "@react-aria/button";
+
+import styles from "./E2EELock.module.css";
+import { ReactComponent as LockOffIcon } from "./icons/LockOff.svg";
+import { TooltipTrigger } from "./Tooltip";
+
+export const E2EELock = () => {
+ const { t } = useTranslation();
+ const tooltip = useCallback(
+ () =>
+ t(
+ "Element Call is temporarily not end-to-end encrypted while we test scalability."
+ ),
+ [t]
+ );
+
+ return (
+