chatengine-io / react-chat-engine-advanced

Chat Engine's react components done the right way...
MIT License
18 stars 11 forks source link

Support IsTyping props and component in react-chat-engine-advanced #210

Open Madhavkabra opened 9 months ago

Madhavkabra commented 9 months ago

Hi there @alamorre / @dhavelock , I'm trying to show username is typing message in react-chat-engine-advanced chat list on typing in message input field, But I'm not able to achieve this. I've logged chatProps returned from useMultiChatLogic hook but there is no any props which can show typing state with user details and there is no any documents for the same.

This feature is available in react-chat-engine

Here is my code

const chatProps = useMultiChatLogic(projectId, username, secret);

return (
    <>
      <MultiChatSocket
        {...chatProps}
        onConnect={() => scrollToBottom()}
      />
      <MultiChatWindow
        {...chatProps}
        renderChatFeed={(chatFeedProps) => (
          <ChatFeed
            {...chatFeedProps}
            activeChatId={chatProps.activeChatId}
            messagesEndRef={messagesEndRef}
            setEditorRef={setEditorRef}
            scrollToBottom={scrollToBottom}
          />
        )}
        onMessageFormSubmit={handleSendMessage}
      />
    </>
  );