From 54c1a2733e138e800224170be3629b9d125c6e4c 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">