From 8c0383ab7f349713a595235d6ea5ac535a8813c3 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Thu, 28 May 2026 22:09:10 -0400
Subject: [PATCH] fix: remove redundant E2EE banner from members drawer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The banner saying 'E2EE · Shield = verified identity' was cluttering
the top of the member list. Hovering the lock icon in the room header
already communicates encryption status, and tooltips on the shield
badges already explain what verified means. Removed the entire block.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/features/room/MembersDrawer.tsx | 21 ---------------------
 1 file changed, 21 deletions(-)

diff --git a/src/app/features/room/MembersDrawer.tsx b/src/app/features/room/MembersDrawer.tsx
index 0f7eb70f2..e5a320b33 100644
--- a/src/app/features/room/MembersDrawer.tsx
+++ b/src/app/features/room/MembersDrawer.tsx
@@ -199,7 +199,6 @@ type MembersDrawerProps = {
 export function MembersDrawer({ room, members }: MembersDrawerProps) {
   const mx = useMatrixClient();
   const useAuthentication = useMediaAuthentication();
-  const isEncrypted = room.hasEncryptionStateEvent();
   const crossSigningActive = useCrossSigningActive();
   const showEncryption = crossSigningActive;
   const scrollRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;
@@ -274,26 +273,6 @@ export function MembersDrawer({ room, members }: MembersDrawerProps) {
       direction="Column"
     >
       <MemberDrawerHeader room={room} />
-      {isEncrypted && (
-        <Box
-          alignItems="Center"
-          gap="100"
-          style={{
-            padding: `${config.space.S100} ${config.space.S300}`,
-            background: 'var(--bg-surface-variant)',
-            borderBottom: '1px solid var(--border-surface-variant)',
-          }}
-        >
-          <Icon
-            size="50"
-            src={Icons.Lock}
-            style={{ color: 'var(--tc-positive-normal, #5effc4)', flexShrink: 0 }}
-          />
-          <Text size="T200" style={{ color: 'var(--tc-surface-low-contrast)' }}>
-            {crossSigningActive ? 'E2EE · Shield = verified identity' : 'End-to-end encrypted room'}
-          </Text>
-        </Box>
-      )}
       <Box className={css.MemberDrawerContentBase} grow="Yes">
         <Scroll ref={scrollRef} variant="Background" size="300" visibility="Hover" hideTrack>
           <Box className={css.MemberDrawerContent} direction="Column" gap="200">