From f70d9e1b94a9201cc5c3d76a84fe5b19b50131e4 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 15 May 2024 10:54:45 -0500
Subject: [PATCH] Group pending messages

---
 src/components/dms/MessageItem.tsx | 7 ++++++-
 src/state/messages/convo/agent.ts  | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/dms/MessageItem.tsx b/src/components/dms/MessageItem.tsx
index 187ebd101e..cafd7ca5a5 100644
--- a/src/components/dms/MessageItem.tsx
+++ b/src/components/dms/MessageItem.tsx
@@ -37,6 +37,11 @@ let MessageItem = ({
     nextMessage.sender?.did === currentAccount?.did
 
   const isLastInGroup = useMemo(() => {
+    // if this message is pending, it means the next message is pending too
+    if (isPending && nextMessage) {
+      return false
+    }
+
     // if the next message is from a different sender, then it's the last in the group
     if (isFromSelf ? !isNextFromSelf : isNextFromSelf) {
       return true
@@ -54,7 +59,7 @@ let MessageItem = ({
     }
 
     return true
-  }, [message, nextMessage, isFromSelf, isNextFromSelf])
+  }, [message, nextMessage, isFromSelf, isNextFromSelf, isPending])
 
   const lastInGroupRef = useRef(isLastInGroup)
   if (lastInGroupRef.current !== isLastInGroup) {
diff --git a/src/state/messages/convo/agent.ts b/src/state/messages/convo/agent.ts
index 3b3a532d30..4338b698bd 100644
--- a/src/state/messages/convo/agent.ts
+++ b/src/state/messages/convo/agent.ts
@@ -945,6 +945,7 @@ export class Convo {
         key: m.id,
         message: {
           ...m.message,
+          $type: 'chat.bsky.convo.defs#messageView',
           id: nanoid(),
           rev: '__fake__',
           sentAt: new Date().toISOString(),