GetStream / stream-chat-angular

💬 Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.
https://getstream.io/chat/sdk/angular/
51 stars 33 forks source link

Enable user reaction list tooltip/popup #494

Closed ilyakonrad closed 12 months ago

ilyakonrad commented 12 months ago

I need to see a list of users who reacted with emoji and I noticed that it's turned off in css.

image

1. What are these themes v1 and v2, and how do I select a theme?

I can overwrite some CSS to make it kinda work but it would only result in one line with all of the names:

image

2. Do you plan to make it more powerful like in Flutter where you can see avatars and stuff?

image

Btw, I'm using custom components for everything and I can implement a custom detailed list myself, but I wouldn't do it if it was in your plans already.

szuperaz commented 12 months ago

1. Theme

You can choose between theme v1 and v2 by importing the corresponding stylesheet. To use theme v2 you can follow this guide. If v2 doesn't appear in your stylesheet import, you're using v1.

For theme v1 the tooltip is displayed once you open the reactions selector with the ":)" button, screenshot: Screenshot 2023-10-25 at 14 28 33

For theme v2 the tooltip is displayed once you hover over an existing reaction: Screenshot 2023-10-25 at 14 27 39

2. Reaction details

It's in our backlog, but it's not planned for the foreseeable future, so it's best to go with a custom implementation.

Feel free to reopen the ticket if you have further questions about the topic.