RocketChat / RocketChat/EmbeddedChat

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

Open Beginner friendly
#1,294 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
165
Forks
381
Avg merge
1d 2h
Merged PRs (30d)
1

Description

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.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in TextAttachment.js, where forwarded and quoted messages are rendered. Compare the current author label, nested Box, and typography with the expected Rocket.Chat appearance shown in the issue. Done means the username has no @ prefix and uses weight 500, while the quoted text no longer has the extra background or border.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
82/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.