[Clipclops] Header tweaks (#3839)

* wrap text

* add dividers to convo menu
zio/stable
Samuel Newman 2024-05-03 15:55:35 +01:00 committed by GitHub
parent a5511e3c22
commit 997e621ce3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions

View File

@ -123,6 +123,7 @@ let ConvoMenu = ({
<Menu.ItemIcon icon={convo?.muted ? Unmute : Mute} />
</Menu.Item>
</Menu.Group>
<Menu.Divider />
{/* TODO(samuel): implement these */}
<Menu.Group>
<Menu.Item
@ -146,6 +147,7 @@ let ConvoMenu = ({
<Menu.ItemIcon icon={Flag} />
</Menu.Item>
</Menu.Group>
<Menu.Divider />
<Menu.Group>
<Menu.Item
label={_(msg`Leave conversation`)}

View File

@ -125,9 +125,11 @@ let Header = ({
) : (
<View style={{width: 30}} />
)}
<View style={[a.align_center, a.gap_sm]}>
<View style={[a.align_center, a.gap_sm, a.flex_1]}>
<PreviewableUserAvatar size={32} profile={profile} />
<Text style={[a.text_lg, a.font_bold]}>{profile.displayName}</Text>
<Text style={[a.text_lg, a.font_bold, a.text_center]}>
{profile.displayName}
</Text>
</View>
{chat.status === ConvoStatus.Ready ? (
<ConvoMenu