Unable to use onClick event for Conversation about chat-ui-kit-react HOT 3 CLOSED

Thanks, your suggested worked perfectly

from chat-ui-kit-react.

@Johnne25
Thank you for your question.

I am 100% sure that I am doing something wrong, but I can't seem to find any documentation to describe the use of events for the components.

You are not doing anything wrong :) And you have right I should add some more documentation about callbacks (and I will #15 ).

All not documented properties in components are passed down to the main HTML element of the component (unless the documentation state directly otherwise). So your onClick callback is assigned to:

<div class="cs-conversation">

But, this library has nothing to do with your data - it's a UI library. Therefore, I try to give the user the greatest possible freedom and control over their data.

Now if you need to pass your business data like conversation id to the callback you can pass it in this way:

<Conversation key={con${this.props.conversations[index].id}} onClick={() => this.conversationClick(con${this.props.conversations[index].id})}>

Your Demo of the 4 conversation windows is great. Providing the source code for that would probably answer most of the questions I have.

To be honest this demo is a little mess ;) And it's not a good example.
But we are working now on two new things:

1. New full-size demo with almost all available features.
2. Some tutorials and about how to write a real application.

Please be patient, we have "a little" work to do with this. It will be available soon.

BTW: I'm planning to do an additional library for handling chat logic (like grouping messages, changing handling conversations, et.c) to allow build chat apps with small effort and faster.

from chat-ui-kit-react.

BTW: I'm planning to do an additional library for handling chat logic (like grouping messages, changing handling conversations, et.c) to allow build chat apps with small effort and faster.

Here is the library mentioned: https://github.com/chatscope/use-chat

from chat-ui-kit-react.