supnas/cinny
2
1
Fork 0
Code Issues 3 Pull requests Activity

fix: Twemoji reaction

Browse source
This commit is contained in:
sup39 2024-01-18 22:37:09 +09:00
parent 0684ba645e
commit 027bfdadeb
Signed by: sup39
GPG key ID: 111C00916C1641E5
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/message/Reaction.tsx
View file

@ -3,7 +3,7 @@ import { Box, Text, as } from 'folds';
import classNames from 'classnames'; import classNames from 'classnames';
import { MatrixClient, MatrixEvent, Room } from 'matrix-js-sdk'; import { MatrixClient, MatrixEvent, Room } from 'matrix-js-sdk';
import * as css from './Reaction.css'; 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 { getMemberDisplayName } from '../../utils/room';
import { eventWithShortcode, getMxIdLocalPart } from '../../utils/matrix'; import { eventWithShortcode, getMxIdLocalPart } from '../../utils/matrix';
@ -31,6 +31,13 @@ export const Reaction = as<
src={mx.mxcUrlToHttp(reaction) ?? reaction} src={mx.mxcUrlToHttp(reaction) ?? reaction}
alt={reaction} alt={reaction}
/> />
) : isUsingTwemoji() ? (
<img
className={css.ReactionImg}
src={getEmojiUrl(reaction)}
alt={reaction}
title={getShortcodeFor(getHexcodeForEmoji(reaction))}
/>
) : ( ) : (
<Text as="span" size="Inherit" truncate> <Text as="span" size="Inherit" truncate>
{reaction} {reaction}