fixes

src/components/Chat/ChatList.tsx

@@ -33,7 +33,7 @@ export const ChatList = ({ initialMessages, myAddress, tempMessages, chatId, onR
     const uniqueInitialMessages = Array.from(uniqueInitialMessagesMap.values()).sort(
       (a, b) => a.timestamp - b.timestamp
     );
-    const totalMessages = [...uniqueInitialMessages, ...(tempMessages || [])];
+    const totalMessages = [...uniqueInitialMessages, ...(tempMessages || [])]
 
     if (totalMessages.length === 0) return;
 
@@ -151,6 +151,7 @@ export const ChatList = ({ initialMessages, myAddress, tempMessages, chatId, onR
               ...(message?.message || {}),
               isTemp: true,
               unread: false,
+              status: message?.status
             };
           }
 

src/components/Chat/MessageItem.tsx

@@ -37,6 +37,8 @@ export const MessageItem = ({
     triggerOnce: false, // Only trigger once when it becomes visible
   });
 
+
+
   useEffect(() => {
     if (inView && isLast && onSeen) {
       onSeen(message.id);
@@ -262,21 +264,21 @@ export const MessageItem = ({
             <Typography
               sx={{
                 fontSize: "14px",
-                color: "gray",
+                color:  "gray",
                 fontFamily: "Inter",
               }}
             >
-              Updating...
+              {message?.status === 'failed-permanent' ? 'Failed to update' : 'Updating...'} 
             </Typography>
           ) : isTemp ? (
             <Typography
               sx={{
                 fontSize: "14px",
-                color: "gray",
+                color:  "gray",
                 fontFamily: "Inter",
               }}
             >
-              Sending...
+              {message?.status === 'failed-permanent' ? 'Failed to send' : 'Sending...'}
             </Typography>
           ) : (
             <Typography

src/components/Chat/TipTap.tsx

@@ -323,10 +323,10 @@ export default ({
         attributes: {
           class: "tiptap-prosemirror",
           style:
-            isMobile &&
+            isMobile ?
             `overflow: auto; min-height: ${
               customEditorHeight ? "200px" : "0px"
-            }; max-height:calc(100svh - ${customEditorHeight || "140px"})`,
+            }; max-height:calc(100svh - ${customEditorHeight || "140px"})`: `overflow: auto; max-height: 250px`,
         },
         handleKeyDown(view, event) {
           if (!disableEnter && event.key === "Enter") {