[FR] Emoji picker

[BLKFSH]

[FR] Emoji picker

[annieappflowy]

Got it! Thank you so much for your elaboration. I'd imagine this would be a great feature to add for emoji lovers 😋

[branhillsdesign]

@gaganyadav80 would love to see the background of the picker match the sidebar background color.

Then in the designs, there's a drop shadow on popout menus like that. (see img) Not sure what the values would be in flutter for that.

The "tab" selector should match the text color. I think that's 0xff333333

@gagan as far as functionality goes, if appflowy is the focused window in the OS, can we use the default hotkeys to bring up the emoji picker?

For example hitting "Win + . " on Windows brings up the emoji picker.

[gaganyadav80]

It would be great if we could simply type the emoji we want to use. I'm aware that both Discord and WhatsApp have implemented this. : is the hotkey used to start searching for emojis.

I have to move back to my college and little busy with it. Once I'm done I'll first finish the emoji picker and then I'll try to implement this also.

[BLKFSH]

Adding emojis to the page title sounds good, but I was thinking more in the page editor itself.
For example in the default page you can see a waving hand at the top.

Having the ability to quickly add emojis in that editor would be great!
In fact, after a quick search I found a module for quill that does just that
https://github.com/contentco/quill-emoji
Im not sure if the flutter-quill component supports adding modules like the normal quilljs, but if it does I would assume adding this feature would be rather easy.

[0xN0x]

If you want to do the picker yourself, i just made a pull request to update the emojis dict (slug to emoji) in the frontend repo (#110).

[annieappflowy]

Hi @annieappflowy, can you confirm if no one is working on this feature request because then I am thinking of doing it. Also I think this dart package could be of use dart_emoji. It can parse the emoji by name and code both and it also handles the emoji not found case.

Hi @gaganyadav80 please go ahead. I'll tag your name on Discord's #pr-wanted channel if you're on it.
Also, we need to add an Emoji Picker's trigger button to the editing toolbar

[annieappflowy]

Thanks for the suggestion! Can you explain a bit more about where you'd like to pick an emoji easily? For example, it could be similar to Notion which you pick one for your page title.

[gaganyadav80]

Hi @annieappflowy, can you confirm if no one is working on this feature request because then I am thinking of doing it.
Also I think this dart package could be of use dart_emoji. It can parse the emoji by name and code both and it also handles the emoji not found case.

[gaganyadav80]

Update: I was busy with college work. I have everything setup and going to start working on this asap. 😅

[annieappflowy]

Update: I was busy with college work. I have everything setup and going to start working on this asap. 😅

No problem. Take your time. Good luck with your school work!

[jay-tau]

It would be great if we could simply type the emoji we want to use. I'm aware that both Discord and WhatsApp have implemented this. : is the hotkey used to start searching for emojis.