Skip to content

bug : Forwarded Message UI to match Rocket.Chat native UI #1294

@DivyanshuVortex

Description

@DivyanshuVortex

Description

Currently, when a message is quoted or forwarded, EmbeddedChat renders it using a UI that differs significantly from the native Rocket.Chat interface.

The main discrepancies in TextAttachment.js are:

  1. The @ symbol: EmbeddedChat mistakenly prefixes the quoted user's name with an @ symbol (e.g., @username). Rocket.Chat does not use the @ symbol for quoted authors.
  2. Double Box Layout: The quoted text is currently rendered inside a nested Box that applies a grey background and a full border, making it look like a box inside a box. Rocket.Chat simply renders the quoted text directly inside the outer attachment wrapper without applying an inner background or border.
  3. Typography: The author's name in the quote is not styled with the correct font weight to match the native client.

EmbeddedChat :
Image

RocketChat :
Image

Expected Behavior

Quoted messages should look exactly like they do in Rocket.Chat:

  • The username should not have an @ prefix and should have a medium font weight (500).
  • The quoted message text should not be wrapped in an extra background/border box.

Steps to Reproduce

  1. Forward or quote a message in the chat.
  2. Observe the message in EmbeddedChat.
  3. Notice the @ symbol and the double-box layout applied to the quoted markdown text.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions