RocketChat / RocketChat/EmbeddedChat
bug : Forwarded Message UI to match Rocket.Chat native UI
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:
- The
@symbol:EmbeddedChatmistakenly prefixes the quoted user's name with an@symbol (e.g.,@username). Rocket.Chat does not use the@symbol for quoted authors. - Double Box Layout: The quoted text is currently rendered inside a nested
Boxthat 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. - Typography: The author's name in the quote is not styled with the correct font weight to match the native client.
EmbeddedChat :
RocketChat :
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
- Forward or quote a message in the chat.
- Observe the message in
EmbeddedChat. - 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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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