hippoz/cinny
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed emojiboard opening

Browse source
This commit is contained in:
unknown 2021-08-22 18:15:20 +05:30
parent e971069595
commit 50d3631bc4
3 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/organisms/channel/ChannelViewContent.jsx
View file

@ -176,9 +176,10 @@ function toggleEmoji(roomId, eventId, emojiKey, roomTimeline) {
}
function pickEmoji(e, roomId, eventId, roomTimeline) {
const boxInfo = e.target.getBoundingClientRect();
openEmojiBoard({
x: e.detail ? e.clientX : '50%',
y: e.detail ? e.clientY : '50%',
x: boxInfo.x,
y: boxInfo.y,
detail: e.detail,
}, (emoji) => {
toggleEmoji(roomId, eventId, emoji.unicode, roomTimeline);
@ -439,7 +440,7 @@ function ChannelViewContent({
iconSrc={EmojiAddIC}
onClick={(e) => pickEmoji(e, roomId, mEvent.getId(), roomTimeline)}
>
Add reaciton
Add reaction
</MenuItem>
<MenuItem
iconSrc={ReplyArrowIC}

6
src/app/organisms/channel/ChannelViewInput.jsx
View file

@ -300,10 +300,10 @@ function ChannelViewInput({
<div ref={rightOptionsRef} className="channel-input__option-container">
<IconButton
onClick={(e) => {
const boxInfo = e.target.getBoundingClientRect();
openEmojiBoard({
x: '10%',
y: 300,
isReverse: true,
x: boxInfo.x + (document.dir === 'rtl' ? -80 : 80),
y: boxInfo.y - 250,
detail: e.detail,
}, addEmoji);
}}

8
src/app/organisms/emoji-board/EmojiBoardOpener.jsx
View file

@ -18,13 +18,7 @@ function EmojiBoardOpener() {
return;
}
const x = typeof cords.x === 'string' ? cords.x : `${cords.x}px`;
const y = typeof cords.y === 'string' ? cords.y : `${cords.y}px`;
openerRef.current.style.left = cords.isReverse ? 'unset' : x;
openerRef.current.style.top = cords.isReverse ? 'unset' : y;
openerRef.current.style.right = cords.isReverse ? x : 'unset';
openerRef.current.style.bottom = cords.isReverse ? y : 'unset';
openerRef.current.style.transform = `translate(${cords.x}px, ${cords.y}px)`;
requestCallback = requestEmojiCallback;
openerRef.current.click();
}