From 4b69f99d0a7dee536473fc7357af25c1b9b9f1d6 Mon Sep 17 00:00:00 2001
From: FanisNgv <fanisnigamad@yandex.ru>
Date: Thu, 12 Sep 2024 14:31:00 +0300
Subject: [PATCH] empty messages problem solved

---
 frontend/src/app/components/MessageList.tsx | 30 +++++++++++----------
 frontend/src/app/page.tsx                   |  2 +-
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/components/MessageList.tsx b/frontend/src/app/components/MessageList.tsx
index 99f9dcc..466e09d 100644
--- a/frontend/src/app/components/MessageList.tsx
+++ b/frontend/src/app/components/MessageList.tsx
@@ -17,20 +17,22 @@ export default function MessageList({ messages }: MessageListProps) {
         <ScrollArea key={messages.length} className="flex-1 p-4 overflow-y-auto bg-white">
             <AnimatePresence>
                 {messages.map((msg) => (
-                    <motion.div
-                        key={msg.id}
-                        initial={{ opacity: 0, y: 50 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        exit={{ opacity: 0 }}
-                        transition={{ duration: 0.5 }}
-                        className={`mb-4 ${msg.sender === 'user' ? 'flex justify-end' : ''}`}
-                    >
-                        <div className={`inline-block p-2 rounded-lg max-w-[70%] break-words ${
-                            msg.sender === 'user' ? 'bg-[#D958E4] text-white text-left' : 'bg-[#CDCED7] text-black text-justify'
-                        }`}>
-                            {msg.text}
-                        </div>
-                    </motion.div>
+                    msg.text && (
+                        <motion.div
+                            key={msg.id}
+                            initial={{ opacity: 0, y: 50 }}
+                            animate={{ opacity: 1, y: 0 }}
+                            exit={{ opacity: 0 }}
+                            transition={{ duration: 0.5 }}
+                            className={`mb-4 ${msg.sender === 'user' ? 'flex justify-end' : ''}`}
+                        >
+                            <div className={`inline-block p-2 rounded-lg max-w-[70%] break-words ${
+                                msg.sender === 'user' ? 'bg-[#D958E4] text-white text-left' : 'bg-[#CDCED7] text-black text-justify'
+                            }`}>
+                                {msg.text}
+                            </div>
+                        </motion.div>
+                    )
                 ))}
             </AnimatePresence>
         </ScrollArea>
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 0472e35..13467ed 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -27,5 +27,5 @@ export default function Home() {
     redirectToConversation();
   }, [router, config.ENDPOINT]);
 
-  return null; // или можно вернуть компонент загрузки
+  return null; 
 }
\ No newline at end of file