fix: remove redundant E2EE banner from members drawer

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>
This commit is contained in:
2026-05-28 22:09:10 -04:00
parent af3155e169
commit 8c0383ab7f
-21
View File
@@ -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">