From 1f2e4b26c0e6a01bf6a297b333ba7c7f96149006 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 12 Sep 2024 13:54:20 -0500
Subject: Handle overflow of bottom text

---
 src/components/dialogs/nuxs/TenMillion/index.tsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

(limited to 'src/components/dialogs')

diff --git a/src/components/dialogs/nuxs/TenMillion/index.tsx b/src/components/dialogs/nuxs/TenMillion/index.tsx
index db5e19da7..786c635c1 100644
--- a/src/components/dialogs/nuxs/TenMillion/index.tsx
+++ b/src/components/dialogs/nuxs/TenMillion/index.tsx
@@ -424,13 +424,15 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
                             moderation.ui('displayName'),
                           )}
                         </Text>
-                        <View style={[a.flex_row, a.justify_between]}>
+                        <View
+                          style={[a.flex_row, a.justify_between, a.gap_4xl]}>
                           <Text
+                            numberOfLines={1}
                             style={[
+                              a.flex_1,
                               a.text_sm,
                               a.font_semibold,
-                              ,
-                              a.leading_tight,
+                              a.leading_snug,
                               lightTheme.atoms.text_contrast_medium,
                             ]}>
                             {sanitizeHandle(profile.handle, '@')}
@@ -438,16 +440,22 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
 
                           {profile.createdAt && (
                             <Text
+                              numberOfLines={1}
+                              ellipsizeMode="head"
                               style={[
+                                a.flex_1,
                                 a.text_sm,
                                 a.font_semibold,
-                                a.leading_tight,
+                                a.leading_snug,
+                                a.text_right,
                                 lightTheme.atoms.text_contrast_low,
                               ]}>
                               <Trans>
                                 Joined{' '}
                                 {i18n.date(profile.createdAt, {
-                                  dateStyle: 'long',
+                                  month: 'short',
+                                  day: 'numeric',
+                                  year: 'numeric',
                                 })}
                               </Trans>
                             </Text>
-- 
cgit 1.4.1