MessageText & renderText for stream-chat-react?

[lr-mjaouen]

Hello,

Is there something like MessageText & renderText GetStream/stream-chat-react-native#62 in stream-chat-react in order to parse custom text and keep the defaults one (links for instance)?
And actually anything for custom commands or an example for https://getstream.github.io/stream-chat-react/#chatautocomplete?
Thank you!

[jaapbakker88]

Hi @lr-mjaouen right now we don't support this. We're working on v2 of the library and I'll make sure to put this on the list. The easiest way to do this right now is to built your own message component.

[lr-mjaouen]

@jaapbakker88 thank you. In order to pass a custom prop in a message and display it in a CustomMessage component what's the best way for the Input? Right now I use a custom handleSubmit function but I can't reset the state once the message sent.

    const handleSubmit = async (event: any) => {
        event.preventDefault();
        const response = await props.channel.sendMessage({
            text: event.target.innerHTML,
            annotation: currentTime,
        });

       // does not clear the input
       event.target.value = '';
       const changeEvent = new Event('change');
       event.target.dispatchEvent(changeEvent); 
    };

Should I use something else?

[lr-mjaouen]

(I extended the MessageInput component, I didn't find an other way to do it)

[jaapbakker88]

@lr-mjaouen yeah right now that's probably the best way, this might also be something we want to think about for v2

[lr-mjaouen]

https://github.com/GetStream/stream-chat-react/blob/master/src/utils.js