memos icon indicating copy to clipboard operation
memos copied to clipboard

Reaction to Notes in mobile interface

Open gyger opened this issue 4 months ago • 7 comments

Describe the solution you'd like

It would be great if we could have emoji reactions to posts and comments.

-> Discovered this already exists, but it is somehow hidden on the mobile interface.

Type of feature

User Interface (UI)

Additional context

Sometimes showing support to a comment or highlighting it with something visual could be very useful. Especially in a multi user deployment.

gyger avatar Aug 30 '25 18:08 gyger

It's already existed on the live demo: https://demo.usememos.com/

Image

Ahmed-Elgendy25 avatar Aug 31 '25 15:08 Ahmed-Elgendy25

Oh interesting. How do you add the first interaction? I can see once there is one an button is there, but how do I get it started?

gyger avatar Aug 31 '25 17:08 gyger

You can find the reactions-related settings in Setting page.

Image

johnnyjoygh avatar Sep 01 '25 09:09 johnnyjoygh

Oh, now I understand. I usually always use the mobile phone to interact with the notes, and there somehow the add comment and the add reaction icon is not there. Not sure how to solve that.

Image

gyger avatar Sep 01 '25 19:09 gyger

Oh, now I understand. I usually always use the mobile phone to interact with the notes, and there somehow the add comment and the add reaction icon is not there. Not sure how to solve that.

On desktop the emoji button only reveals itself when hovering the card of the note with the cursor. Easy fix IMO is to keep the emoji button always visible.

I'm preparing a PR for this right now

giacomocerquone avatar Sep 07 '25 18:09 giacomocerquone

Sorry for reopening this issue @giacomocerquone. I think this did not solve it, from a short look into the code, could it be that it is this line in the MemosView file.

className={cn("border-none w-auto h-auto", reactionSelectorOpen && "!block", "hidden group-hover:block")}

Still appears on hover.

Image

Cheers, Samuel

gyger avatar Nov 28 '25 04:11 gyger

Sorry for reopening this issue @giacomocerquone. I think this did not solve it, from a short look into the code, could it be that it is this line in the MemosView file.

className={cn("border-none w-auto h-auto", reactionSelectorOpen && "!block", "hidden group-hover:block")}

Still appears on hover.

Image Cheers, Samuel

It's a regression. The memoview.tsx file has been changed and split into multiple components.

Now the fix needs to be reapplied in the MemoHeader.tsx component

https://github.com/usememos/memos/blob/main/web/src/components/MemoView/components/MemoHeader.tsx#L65-L71

giacomocerquone avatar Nov 30 '25 08:11 giacomocerquone