Skip to content

Updated UI component ChatDisplay and added new UI component MasonryGallery#137

Open
hannes011 wants to merge 5 commits into
teamapps-org:masterfrom
hannes011:ui-chat-display-masonry-gallery
Open

Updated UI component ChatDisplay and added new UI component MasonryGallery#137
hannes011 wants to merge 5 commits into
teamapps-org:masterfrom
hannes011:ui-chat-display-masonry-gallery

Conversation

@hannes011

@hannes011 hannes011 commented Jun 25, 2026

Copy link
Copy Markdown
Contributor

Change ChatDisplay component:

  • change signature of ChatMessage to allow a content list instead of just a text - this enables the component to embed nested components and multiple texts
  • change signature of ChatDisplayModel: getChatMessages instead of getPreviousMessages must be implemented
  • add initialTopMessageId to the component
  • add command scrollToMessage to the component
  • add event onMessageViewed to the component
  • add event onPhotoClicked to the component
  • using photo thumbnail if given
  • remove workaround "scroll to bottom" on resize
  • add message footer
  • add message colors (border, bg, text)
  • stabilized scrolling position
  • lazy loading images

Created new MasonryGallery component to enhance visualization of photos for chat messages (or other use-cases)

  • lazy loading images
  • add event onImageClicked to the component

- change signature of ChatMessage to allow a content list instead of just a text - this enables the component to embed nested components and multiple texts
- change signature of ChatDisplayModel: getChatMessages instead of getPreviousMessages must be implemented
- add initialTopMessageId to the component
- add command scrollToMessage to the component
- add event messageViewed to the component
- add event photoClicked to the component
- using photo thumbnail if given
- remove workaround "scroll to bottom" on resize
- add message footer
- add message colors (border, bg, text)
- enhance photo gallery rendering
- stabilized scrolling position
- lazy loading images
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant