From 027bfdadeb9117c60e2ad48ae46b2c9e2c61faf3 Mon Sep 17 00:00:00 2001
From: sup39 <dev@sup39.dev>
Date: Thu, 18 Jan 2024 22:37:09 +0900
Subject: [PATCH] fix: Twemoji reaction

---
 src/app/components/message/Reaction.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/components/message/Reaction.tsx b/src/app/components/message/Reaction.tsx
index ce2c2bf..ec6e3c1 100644
--- a/src/app/components/message/Reaction.tsx
+++ b/src/app/components/message/Reaction.tsx
@@ -3,7 +3,7 @@ import { Box, Text, as } from 'folds';
 import classNames from 'classnames';
 import { MatrixClient, MatrixEvent, Room } from 'matrix-js-sdk';
 import * as css from './Reaction.css';
-import { getHexcodeForEmoji, getShortcodeFor } from '../../plugins/emoji';
+import { getHexcodeForEmoji, getShortcodeFor, getEmojiUrl, isUsingTwemoji } from '../../plugins/emoji';
 import { getMemberDisplayName } from '../../utils/room';
 import { eventWithShortcode, getMxIdLocalPart } from '../../utils/matrix';
 
@@ -31,6 +31,13 @@ export const Reaction = as<
           src={mx.mxcUrlToHttp(reaction) ?? reaction}
           alt={reaction}
         />
+      ) : isUsingTwemoji() ? (
+        <img
+          className={css.ReactionImg}
+          src={getEmojiUrl(reaction)}
+          alt={reaction}
+          title={getShortcodeFor(getHexcodeForEmoji(reaction))}
+        />
       ) : (
         <Text as="span" size="Inherit" truncate>
           {reaction}