Fixed reaction preview

src/controllers/MessagePreviewCardController.tsx

@@ -12,6 +12,8 @@ import {
   ContentTypeAttachment,
   ContentTypeRemoteAttachment,
 } from "@xmtp/content-type-remote-attachment";
+import type { Reaction } from "@xmtp/content-type-reaction";
+import { ContentTypeReaction } from "@xmtp/content-type-reaction";
 import { MessagePreviewCard } from "../component-library/components/MessagePreviewCard/MessagePreviewCard";
 import type { ETHAddress } from "../helpers";
 import { shortAddress } from "../helpers";
@@ -95,6 +97,16 @@ export const MessagePreviewCardController = ({
         previewContentType = reply.contentType;
       }
 
+      if (ContentTypeReaction.sameAs(previewContentType)) {
+        return (previewContent as Reaction).action === "removed"
+          ? t("messages.unreaction_preview", {
+              REACTION: (previewContent as Reaction).content,
+            })
+          : t("messages.reaction_preview", {
+              REACTION: (previewContent as Reaction).content,
+            });
+      }
+
       if (ContentTypeText.sameAs(previewContentType)) {
         return (previewContent as string) ?? lastMessage.contentFallback;
       }

src/locales/en_US.json

@@ -47,6 +47,8 @@
     "message_retry": "Retry",
     "message_cancel": "Cancel",
     "no_preview": "No preview available",
+    "reaction_preview": "Reacted with {{REACTION}} to earlier message",
+    "unreaction_preview": "Unreacted with {{REACTION}} to earlier message",
     "reply": "Reply",
     "view_replies": "View replies"
   },