implemented space for search (#2637)

ita-social-projects · Nov 11, 2024 · e2ed728 · e2ed728
1 parent 8756945
commit e2ed728
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/pages/chat/Chat.styles.ts b/src/pages/chat/Chat.styles.ts
@@ -73,7 +73,10 @@ export const styles = {
     color: 'primary.400',
     fontWeight: 500
   }),
-  messagesWithDate: { mb: '24px' },
+  messagesWithDate: (groupIndex: number) => ({
+    mb: '24px',
+    mt: groupIndex === 0 ? '70px' : 0
+  }),
   scrollableContent: {
     height: `calc(100% - 164px)`,
     overflow: 'auto',

diff --git a/src/pages/chat/MessagesList.tsx b/src/pages/chat/MessagesList.tsx
@@ -82,7 +82,7 @@ const MessagesList = ({
 
   const groupedMessages = getGroupedByDate(messages, getIsNewDay)
   const messagesListWithDate = groupedMessages.map((group, groupIndex) => (
-    <Box key={group.date} sx={styles.messagesWithDate}>
+    <Box key={group.date} sx={styles.messagesWithDate(groupIndex)}>
       <ChatDate date={group.date} />
       {group.items.map((item, messageIndex) => {
         if (messageIndex === 0 && groupIndex === 0) {