search

chatscope / chat-ui-kit-react

Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
https://chatscope.io
MIT License
1.34k stars 116 forks source link

Message.Header / Footer do not appear if using the 'direction' property #11

Closed Johnne25 closed 3 years ago

Johnne25 commented 3 years ago

This shows the header:

<Message model={{
  message: "Hello my friend",
  sentTime: "just now",
  sender: "Joe"
}}>
<Message.Header sender="Emily" sentTime="just now" />
</Message>

This one does not:

<Message model={{
  message: "Hello my friend",
  sentTime: "just now",
  sender: "Joe",
  direction: "incoming",
}}>
<Message.Header sender="Emily" sentTime="just now" />
</Message>
supersnager commented 3 years ago

@Johnne25 Thank you for your report. It's a bug in @chatscope/chat-ui-kit-styles repository. Please watch a dedicated issue there: chatscope/chat-ui-kit-styles#2

supersnager commented 3 years ago

I have added an explanation https://github.com/chatscope/chat-ui-kit-styles/issues/2#issuecomment-778210038