question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make `customEmojis` reactive

See original GitHub issue

Is your feature request related to a problem? Please describe. I want to be able to add emojis dynamically to an existing <VEmojiPicker>. However, the lib only checks for customEmojis in created(), then never again.

Describe the solution you’d like React to changes to the customEmojis prop, and have the component display the new emojis.

Describe alternatives you’ve considered

  1. Reaching into the component and mutating the data myself 😕
  2. Destroying and recreating component with new customEmojis, when my app finishes fetching the custom emoji data.

I noticed that customCategories is already reactive, since it’s being used in the categoriesFiltered computed property, which is great. 👍

Thanks

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
joaoeudes7commented, Apr 10, 2020

Yes, I noticed that too, I am trying to solve this problem and I will soon be launching a good update: D

0reactions
guanzocommented, Apr 22, 2020

No errors on chrome and FF, just stupid Brave & Safari. So annoying. You can see the error on my twitch channel. Just load the page with Brave and open the console.

Uncaught (in promise) DOMException: Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.

  • Regarding scopes, 👍

  • To be honest i’m not sure if this lib should support pagination or not, but it’s something I need.

If you want to add pagination support, i’d look at other pagination libs for inspiration. I am NOT advocating that you start sending http requests with offset and limit query params, like some pagination libs might do. All i need is an event that lets me know, “I need to fetch another page of data”. So perhaps, just a single event, that fires everytime the user scrolls to/near the bottom.

  • I forgot to mention, i’m replacing all the default emojis, with twemojis. And i’m loading in BTTV Emotes. These are all images, not unicode characters. This is why a lot of my issues are related to reactivity, because i’m replacing the default data! As I said, my use case is rather unusual 😁

I totally forgot about PR’s, and jumped straight to forking haha. Will definitely contribute if I can. I’ll have to learn typescript. From browsing your source, ts looks really elegant and easy to use!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How do I customize my emoji reactions for Messenger?
1. From Chats, tap a conversation to open it. ; 2. Tap and hold any message. ; 3. Next to the reactions set,...
Read more >
Use emoji and reactions - Slack
Tip: With one-click emoji reactions, you can quickly react to a message when you hover over it with suggested emoji. Learn how to...
Read more >
Custom emoji reacts have arrived on Facebook Messenger ...
Custom emoji reacts have arrived on Facebook Messenger! Here's how to use them. We will now be grimace reacting to everything and no...
Read more >
Custom emojis coming to Chat - Google Workspace Updates
We're excited to announce that we're making emojis even more expressive and personalized by allowing people to create custom emojis.
Read more >
Adding Emojis and Reactions - Discord Support
Right-click the message you want to react to, and Quick React with one of your more commonly used emojis at the top, or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found