fix: remove redundant E2EE banner from members drawer
CI / Build & Quality Checks (push) Successful in 10m43s

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 6957e890df
commit 54c1a2733e
-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">