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

restructure to use Emojiboard here or our MessageDropdownMenu

Browse source
This commit is contained in:
Gigiaj 2025-06-15 20:07:18 -05:00
parent e3375f6241
commit b25011e0e5
1 changed files with 51 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/app/features/room/message/Message.tsx
View file

@ -947,23 +947,57 @@ export const Message = as<'div', MessageProps>(
{isMobile && ( {isMobile && (
<BottomSheetMenu onClose={() => setMobileSheetOpen(false)} isOpen={isMobileSheetOpen}> <BottomSheetMenu onClose={() => setMobileSheetOpen(false)} isOpen={isMobileSheetOpen}>
<MessageDropdownMenu {view === 'options' ? (
closeMenu={() => setMobileSheetOpen(false)} <MessageDropdownMenu
mEvent={mEvent} closeMenu={() => {
eventId={mEvent.getId()} closeMenu();
room={room} setMobileSheetOpen(false);
mx={mx} }}
relations={relations} mEvent={mEvent}
canSendReaction={canSendReaction} eventId={mEvent.getId()}
canEdit={canEditEvent(mx, mEvent)} room={room}
canDelete={canDelete || mEvent?.getSender() === mx.getUserId()} mx={mx}
canPinEvent={canPinEvent} relations={relations}
hideReadReceipts={hideReadReceipts} canSendReaction={canSendReaction}
onReactionToggle={onReactionToggle} canEdit={canEditEvent(mx, mEvent)}
onReplyClick={onReplyClick} canDelete={canDelete || mEvent?.getSender() === mx.getUserId()}
onEditId={onEditId} canPinEvent={canPinEvent}
handleAddReactions={null} hideReadReceipts={hideReadReceipts}
/> onReactionToggle={onReactionToggle}
onReplyClick={onReplyClick}
onEditId={onEditId}
handleAddReactions={() => setView('emoji')}
/>
) : (
<Box direction="Column" style={{ width: '100%' }}>
<Header variant="Surface" size="500">
<IconButton size="300" onClick={() => setView('options')}>
<Icon src={Icons.ArrowLeft} />
</IconButton>
<Box grow="Yes" alignItems="Center">
<Text size="H4">Add Reaction</Text>
</Box>
</Header>
<EmojiBoard
imagePackRooms={imagePackRooms ?? []}
returnFocusOnDeactivate={false}
allowTextCustomEmoji
onEmojiSelect={(key) => {
onReactionToggle(mEvent.getId(), key);
setEmojiBoardAnchor(undefined);
closeMenu();
setMobileSheetOpen(false);
}}
onCustomEmojiSelect={(mxc, shortcode) => {
onReactionToggle(mEvent.getId(), mxc, shortcode);
setEmojiBoardAnchor(undefined);
closeMenu();
setMobileSheetOpen(false);
}}
requestClose={() => setEmojiBoardAnchor(undefined)}
/>
</Box>
)}
</BottomSheetMenu> </BottomSheetMenu>
)} )}
</> </>