about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-05-03 15:55:35 +0100
committerGitHub <noreply@github.com>2024-05-03 15:55:35 +0100
commit997e621ce304de32c0603cedf79507264b26c1b0 (patch)
tree41fd7ff92bd073888ead49c3b2697b3b10f6050d /src
parenta5511e3c22f357afac8ecd57fb12cc08e918df98 (diff)
downloadvoidsky-997e621ce304de32c0603cedf79507264b26c1b0.tar.zst
[Clipclops] Header tweaks (#3839)
* wrap text

* add dividers to convo menu
Diffstat (limited to 'src')
-rw-r--r--src/components/dms/ConvoMenu.tsx2
-rw-r--r--src/screens/Messages/Conversation/index.tsx6
2 files changed, 6 insertions, 2 deletions
diff --git a/src/components/dms/ConvoMenu.tsx b/src/components/dms/ConvoMenu.tsx
index 4ab45bc0f..90ffedae3 100644
--- a/src/components/dms/ConvoMenu.tsx
+++ b/src/components/dms/ConvoMenu.tsx
@@ -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`)}
diff --git a/src/screens/Messages/Conversation/index.tsx b/src/screens/Messages/Conversation/index.tsx
index 0c68d619c..ae54c563e 100644
--- a/src/screens/Messages/Conversation/index.tsx
+++ b/src/screens/Messages/Conversation/index.tsx
@@ -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