Provide global custom MessageInput/handleSubmit for both, message sending and message edition about stream-chat-react HOT 13 CLOSED

For anyone else arriving here from google like I have wondering what happened to useMessageInput, it's now useMessageInputContext

from stream-chat-react.

@lr-mjaouen i'm not a 100% sure what you mean. Could you elaborate on this?

from stream-chat-react.

The question is, how can I send an extended message (a custom attachment) using the chat input?
So extending the MessageInput component and change the handleSubmit function. Ok.
The problem is when I edit a message, it use the default one and not the extended one, so I have to extend MessageSimple .
To be able to provide a custom handleSubmit or a custom attachment shouldn't be a default option?

from stream-chat-react.

How would you like to extend it. We have a prop called overrideSubmitHandler, this will completely override it, so you can technically implement your own custom attachments etc.

Is that what your looking for?

from stream-chat-react.

3478f2e thx, I will take a look.
@jaapbakker88 is there a way to reuse the channel sendMessage function?
Shouldn't be better to pass all props or the channel to the override function?
In my case I just need to wait for a promise to be resolved before sending it.

from stream-chat-react.

That's definitely an option. Will investigate a way to make this more useful.

from stream-chat-react.

Thanks, a one line addition could be enougth

       this.props.overrideSubmitHandler(
                {
                    text,
                    attachments,
                    mentioned_users: uniq(this.state.mentioned_users),
                    parent: this.props.parent,
                },
                this.props.channel.cid,
                this.props
            );

Or if you want to keep it private at least the sendMessage function

from stream-chat-react.

(Providing a possible global hook before delete, update & create (send) could be nice I think maybe)

from stream-chat-react.

@lr-mjaouen we now export a useMessageInput hook that lets you use all of the functionality of the MessageInput yourself, more information on that here: https://github.com/GetStream/stream-chat-react/blob/master/src/docs/MessageInputHooks.md

from stream-chat-react.

@jaapbakker88 @lr-mjaouen Is useMessageInput still available to use? I'm not sure if I can use it.
https://github.com/GetStream/stream-chat-react/blob/master/src/docs/MessageInputHooks.md is not found either.

from stream-chat-react.

Hi @WebPro9369 yes, we still provide this hook: https://github.com/GetStream/stream-chat-react/blob/master/src/docs/useMessageInput.md. Are you getting an error when you're implementing?

from stream-chat-react.

@ambaldwin Thanks for your response.
I think it doesn't get exported in TS version.

from stream-chat-react.

Hi @WebPro9369 , I believe we are exporting it. Check out:
https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/hooks/messageInput.ts

A good example of implementation of this hook is from our example repo and the Team TypeScript app. We are using v.5.2.1 in this app.
https://github.com/GetStream/website-react-examples/blob/master/team-ts/src/components/TeamMessageInput/TeamMessageInput.tsx

Am I missing something? Are you getting an error when trying to implement?

from stream-chat-react.