mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-13 18:50:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

made EmojiBoard reusable

Browse source
This commit is contained in:
unknown 2021-08-14 10:19:29 +05:30
parent 769fd7b524
commit 0404f30c87
7 changed files with 118 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,7 @@ import TextareaAutosize from 'react-autosize-textarea';
import initMatrix from '../../../client/initMatrix';
import cons from '../../../client/state/cons';
import settings from '../../../client/state/settings';
import { openEmojiBoard } from '../../../client/action/navigation';
import { bytesToSize } from '../../../util/common';
import { getUsername } from '../../../util/matrixUtil';
import colorMXID from '../../../util/colorMXID';
@ -299,12 +300,17 @@ function ChannelViewInput({
{isMarkdown && <RawIcon size="extra-small" src={MarkdownIC} />}
</div>
<div ref={rightOptionsRef} className="channel-input__option-container">
<ContextMenu
placement="top"
content={(
<EmojiBoard onSelect={addEmoji} />
)}
render={(toggleMenu) => <IconButton onClick={toggleMenu} tooltip="Emoji" src={EmojiIC} />}
<IconButton
onClick={(e) => {
openEmojiBoard({
x: e.detail ? e.clientX + 40 : '10%',
y: e.detail ? e.clientY - 240 : 300,
isReverse: !e.detail,
detail: e.detail,
}, addEmoji);
}}
tooltip="Emoji"
src={EmojiIC}
/>
<IconButton onClick={sendMessage} tooltip="Send" src={SendIC} />
</div>