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) { export function MembersDrawer({ room, members }: MembersDrawerProps) {
const mx = useMatrixClient(); const mx = useMatrixClient();
const useAuthentication = useMediaAuthentication(); const useAuthentication = useMediaAuthentication();
const isEncrypted = room.hasEncryptionStateEvent();
const crossSigningActive = useCrossSigningActive(); const crossSigningActive = useCrossSigningActive();
const showEncryption = crossSigningActive; const showEncryption = crossSigningActive;
const scrollRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>; const scrollRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;
@@ -274,26 +273,6 @@ export function MembersDrawer({ room, members }: MembersDrawerProps) {
direction="Column" direction="Column"
> >
<MemberDrawerHeader room={room} /> <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"> <Box className={css.MemberDrawerContentBase} grow="Yes">
<Scroll ref={scrollRef} variant="Background" size="300" visibility="Hover" hideTrack> <Scroll ref={scrollRef} variant="Background" size="300" visibility="Hover" hideTrack>
<Box className={css.MemberDrawerContent} direction="Column" gap="200"> <Box className={css.MemberDrawerContent} direction="Column" gap="200">