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:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user