set min height for shared chats in profile view

fixes #4092
deltachat · Aug 24, 2024 · f7f5b55 · f7f5b55
1 parent 931c9cc
commit f7f5b55
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/frontend/src/components/dialogs/ViewProfile/index.tsx b/packages/frontend/src/components/dialogs/ViewProfile/index.tsx
@@ -220,6 +220,11 @@ export function ViewProfileInner({
     avatarPath = selfChatAvatar
   }
 
+  const mutualChatsMinItems = 5
+  const mutualChatsMinHeight =
+    CHATLISTITEM_CHAT_HEIGHT *
+    Math.max(Math.min(mutualChatsMinItems, chatListIds.length), 1)
+
   return (
     <>
       <div>
@@ -292,7 +297,10 @@ export function ViewProfileInner({
       {!(isDeviceChat || isSelfChat) && (
         <>
           <div className='group-separator'>{tx('profile_shared_chats')}</div>
-          <div className='mutual-chats' style={{ flexGrow: 1 }}>
+          <div
+            className='mutual-chats'
+            style={{ flexGrow: 1, minHeight: mutualChatsMinHeight }}
+          >
             <AutoSizer>
               {({ width, height }) => (
                 <ChatListPart