pierre/MatrixGW
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases 1 Wiki Activity

Switch to native emojies

Browse Source
This commit is contained in:
Pierre HUBERT
2025-12-01 19:29:18 +01:00
parent 3274d07635
commit 95fb095205
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
matrixgw_frontend/src/widgets/EmojiIcon.tsx
View File

@@ -19,6 +19,6 @@ function emojiUnicode(emoji: string): string {
export function EmojiIcon(p: { emojiKey: string }): React.ReactElement { export function EmojiIcon(p: { emojiKey: string }): React.ReactElement {
const unified = emojiUnicode(p.emojiKey); const unified = emojiUnicode(p.emojiKey);
return ( return (
<Emoji unified={unified ?? ""} emojiStyle={EmojiStyle.GOOGLE} size={18} /> <Emoji unified={unified ?? ""} emojiStyle={EmojiStyle.NATIVE} size={18} />
); );
} }

13
matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx
View File

@@ -379,7 +379,7 @@ function RoomMessage(p: {
flexDirection: "row", flexDirection: "row",
}} }}
> >
<div style={{ margin: "3px 3px" }}> <div style={{ margin: "0px 3px" }}>
<EmojiIcon emojiKey={r} /> <EmojiIcon emojiKey={r} />
</div> </div>
<div style={{ height: "2em", marginLeft: "2px" }}> <div style={{ height: "2em", marginLeft: "2px" }}>
@@ -407,7 +407,7 @@ function RoomMessage(p: {
{/* Pick reaction dialog */} {/* Pick reaction dialog */}
<Dialog open={pickReaction} onClose={handleCancelAddReaction}> <Dialog open={pickReaction} onClose={handleCancelAddReaction}>
<EmojiPicker <EmojiPicker
emojiStyle={EmojiStyle.GOOGLE} emojiStyle={EmojiStyle.NATIVE}
theme={Theme.AUTO} theme={Theme.AUTO}
onEmojiClick={(emoji) => handleSelectEmoji(emoji.emoji)} onEmojiClick={(emoji) => handleSelectEmoji(emoji.emoji)}
/> />
@@ -475,7 +475,14 @@ function ReactionButton(p: {
return <></>; return <></>;
return ( return (
<Button onClick={sendEmoji}> <Button
onClick={sendEmoji}
sx={{
paddingTop: "1px !important",
display: "inline-flex",
alignItems: "start",
}}
>
<EmojiIcon {...p} /> <EmojiIcon {...p} />
</Button> </Button>
); );