- Fixed reaction to deleted message bug

convex/messages.ts

@@ -167,7 +167,17 @@ 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),
+    );
+
+    if (messageReactions) {
+      for (const reaction of messageReactions) {
+        await reaction.delete();
+      }
     }
 
     const message = await ctx.table("messages").getX(parsedMessageId);

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,
         ),
       );