From effc199175b758f45a4fe3b6d582520a4c0b3cd4 Mon Sep 17 00:00:00 2001
From: robin <rokim8@gmail.com>
Date: Tue, 25 Jul 2023 14:40:19 -0400
Subject: [PATCH] Truncate long title collections on mobile (#1725)

---
 .../src/components/Feed/FeedListSectionHeader.tsx      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/src/components/Feed/FeedListSectionHeader.tsx b/apps/mobile/src/components/Feed/FeedListSectionHeader.tsx
index e14bc0c952..aa7042f463 100644
--- a/apps/mobile/src/components/Feed/FeedListSectionHeader.tsx
+++ b/apps/mobile/src/components/Feed/FeedListSectionHeader.tsx
@@ -65,7 +65,7 @@ export function FeedListSectionHeader({ feedEventRef }: FeedListSectionHeaderPro
 
   return (
     <View className="flex flex-row items-center justify-between bg-white dark:bg-black-900 px-3 pb-2">
-      <View className="flex flex-row space-x-1 items-center">
+      <View className="flex flex-row space-x-1 items-center" style={{ maxWidth: '92%' }}>
         <GalleryTouchableOpacity
           className="flex flex-row items-center space-x-1"
           onPress={handleUsernamePress}
@@ -87,11 +87,17 @@ export function FeedListSectionHeader({ feedEventRef }: FeedListSectionHeaderPro
         </Typography>
 
         <GalleryTouchableOpacity
+          className="flex-1"
           onPress={handleGalleryNamePress}
           eventElementId="Feed Gallery Name Button"
           eventName="Feed Gallery Name Clicked"
         >
-          <Typography className="text-sm" font={{ family: 'ABCDiatype', weight: 'Bold' }}>
+          <Typography
+            className="text-sm"
+            font={{ family: 'ABCDiatype', weight: 'Bold' }}
+            ellipsizeMode="tail"
+            numberOfLines={1}
+          >
             {galleryName || 'their gallery'}
           </Typography>
         </GalleryTouchableOpacity>