Git Product home page Git Product logo

Comments (16)

gh4m21 avatar gh4m21 commented on July 18, 2024 2

Wow! Thank you so much for resolving this issue so fast for me.

Your solution was exactly what I was trying to do.
I didn't know if It takes an additional parameter by.

By the way, this package is Helpful.
I have another question, How can I style the emoji and the components with a custom background and style like the screenshot below?

image

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024 1

code sandbox:

https://codesandbox.io/embed/react-reactions-issue-7kberm?fontsize=14&hidenavigation=1&theme=dark

from react-reactions.

charkour avatar charkour commented on July 18, 2024 1

Hey @gh4m21,

Thanks for the sandbox. I was able to find the issue.

The counter component is used to show a count of who liked what and list them out. I updated the data to include "vens", and removed the important prop. The counter can be used with the selector.

Sorry for the confusion. In the future, I hope to improve the documentation and make the components easier to use.

Here is a sandbox with your expected behavior. Does this do what you are hoping?

from react-reactions.

charkour avatar charkour commented on July 18, 2024 1

That is a great question. Right now it is not possible to due with the way the library works. Sorry!

I like your suggestion and can release a new version of the package this weekend. Thanks for the great idea and for your patience!

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024 1

Thank you so much. Looking forward to seeing this modification on your next release this weekend.

from react-reactions.

charkour avatar charkour commented on July 18, 2024 1

An update to style the ReactionCounterEmoji's was released in v0.8.0!

Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024 1

An update to style the ReactionCounterEmoji's was released in v0.8.0!

Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?

Thank you so so muchπŸ”₯ You literally save me a lot of headache on the project I am currently working on with this updated.πŸ”₯πŸ™ŒπŸΎ

from react-reactions.

charkour avatar charkour commented on July 18, 2024 1

Yes! That can be done. I'll publish an update tomorrow. Thanks for the suggestion and your patience!

You're welcome to also make a PR if you'd like. I'll plan on making this change tomorrow. Thanks and happy easter.

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024 1

Thanks! I am planning to make a pull request and see If I can make some update on this packages. When I have a little more time.
Thanks for your help and Happy easter to you also

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024

An update to style the ReactionCounterEmoji's was released in v0.8.0!

Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?

@charkour Sorry to bother you again.
Could you please add the ability to customize the container of the ReactionBarSelector the same way you did for ReactionCounterEmoji's?
I will really appreciate that.

from react-reactions.

charkour avatar charkour commented on July 18, 2024

Happy to help! Which container do you want to update? Perhaps you could post a picture or a link to the code? Thanks!

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024

Happy to help! Which container do you want to update? Perhaps you could post a picture or a link to the code? Thanks!

For example for this sandbox:

https://codesandbox.io/s/issue-react-reactions-with-mobile-touch-e7hpnd

I want to style the selector like the previous picture also.
Be able to change the rounded, background...

from react-reactions.

charkour avatar charkour commented on July 18, 2024

Okay, I will not make the change and will let you make a pull request. If you have any questions, please let me know. Thanks!

from react-reactions.

charkour avatar charkour commented on July 18, 2024

Hi @gh4m21, using the style prop with the ReactionBarSelector has been released in v0.10.0. Please let me know if there are any issues. Thanks!

from react-reactions.

gh4m21 avatar gh4m21 commented on July 18, 2024

Hey, @charkour. Thank you for letting me know that. I will update it and use it. I was swamped on the parts of the projects, but this update came to the proper and thank you so much!

from react-reactions.

charkour avatar charkour commented on July 18, 2024

Happy to help! I hope the projects go well.

from react-reactions.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.