- Fixed reaction to deleted message bug

convex/messages.ts

@@ -167,9 +167,15 @@ export const deleteMessage = mutation({
     const parsedMessageId = ctx.table("messages").normalizeId(args.messageId);
 
     if (!parsedMessageId) {
-      throw new ConvexError("chatId was invalid");
+      throw new ConvexError("messageId was invalid");
     }
 
+    const messageReactions = await ctx.table("reactions", "messageId", (q) =>
+      q.eq("messageId", parsedMessageId),
+    );
+
+    await Promise.all(messageReactions.map((reaction) => reaction.delete()));
+
     const message = await ctx.table("messages").getX(parsedMessageId);
 
     if ((await message.edge("user")).clerkId !== identity.tokenIdentifier) {

src/components/message.tsx

@@ -137,7 +137,9 @@ export const Message = ({
         api.messages.getMessages,
         { chatId },
         existingMessages.map((message) =>
-          message._id === messageId ? { ...message, deleted: true } : message,
+          message._id === messageId
+            ? { ...message, deleted: true, reactions: [] }
+            : message,
         ),
       );