widgetbot-io / message-renderer Goto Github PK

When using virtual list libraries such as react-virtuoso, rendering attachment images causes performance issues. This can probably be solved by using some sort of lazy loading technique for images.

Like SYSTEM and SERVER are chat badges

Add support for optimistic messages to be grayed out or red there was an error with sending the message like how discord has it

Examples:

error message:

Resolves FR-110

If a user's ID isn't in snowflake format, the embed errors and crashes. This is a problem because in the embed created Guest Account IDs aren't in snowflake format

Rendering messages with

• Attachment images
• Emotes
• A name with a Bot/Server badge

all cause overflow issues on mobile devices when rendering with lists such as React Virtuoso, which causes blank spaces and jumping.

I'm sure its the images causing this, because when tested with channels that only have text content and no image attachments, it renders fine on mobile.

Video of issue:
https://github.com/widgetbot-io/message-renderer/assets/94828874/a6bffae4-96fb-45aa-836f-20f5a0e25147

The only way to get the renderer to resolve the authors roles/nick color is by having to provide a 'joined_at' property on the author and then after that you have to provide a 'user' object which is just the author object

This seems like the culprit

1. Reaction tooltips do not have a background and do not follow hovered emoji, also setting the me property to true on a reaction has no effect (all reactions have the property set to true and the last one is hovered)
   
2. The same happens to normal emojis
   
3. Timestamp tooltips also do not have the background and do not follow hovered timestamp (tested with margin-left: 200px)