chore(message-parser): remove stale team collaboration styling from quote attachments

Open Beginner friendly
#39,920 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
78/100
Issue type
Refactor
Clarity
Clearly specified
Activity status
Quiet
Tech stack
typescript
Domain
frontend

Research direction

Start in apps/meteor/client/components/message/content/attachments/QuoteAttachment.tsx and inspect the quoteStyles block and its use on AttachmentContent. Done means the legacy CSS-in-JS block and className prop are absent, leaving the attachment to use standard Fuselage styling.

Written by the indexing model from the issue text.

Description

type: feature

Current Behavior

In apps/meteor/client/components/message/content/attachments/QuoteAttachment.tsx, there is an outstanding technical debt marker spanning lines 17-32:
// TODO: remove this team collaboration
This legacy CSS-in-JS block (quoteStyles) overrides standard Fuselage .rcx-attachment__details styling with hard-coded hover states and borders.

Expected Behavior

The stale quoteStyles block should be entirely removed, and the className prop should be dropped from <AttachmentContent>, allowing it to fall back to the standard, globally-maintained Fuselage component styling without legacy overrides.

Tasks

  • Delete quoteStyles css block from QuoteAttachment.tsx
  • Remove className={quoteStyles} from <AttachmentContent>
Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
132

Contributor guide

Open the contributing guide

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.

More from RocketChat/Rocket.Chat

All issues in RocketChat/Rocket.Chat

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.