feat: Add copy to clipboard Heading #1999
Conversation
github-actions
bot
added
the
t-web
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
This PR is being reviewed by Cursor Bugbot
Details
Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.
To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.
Comment @cursor review or bugbot run to trigger another review on this PR
| aria-label={anchorTitle} | ||
| > | ||
| <LinkIcon size="16" /> | ||
| </a> |
There was a problem hiding this comment.
Bug: Anchor Link Renders Incorrectly Without ID
The component renders an anchor link and copy button even when the id prop is undefined or null. This causes the anchor's href attribute to become "#undefined", while the copy-to-clipboard functionality handles a missing id differently. This inconsistency leads to broken navigation and unexpected copied URLs.
There was a problem hiding this comment.
Seems reasonable to add nullable check for id
|
Preview for this PR was built for commit |
| if (id) { | ||
| brokenLinks.collectAnchor(id); | ||
| } |
There was a problem hiding this comment.
I would call this method directly inside component's body. useEffect might be a proper place
| aria-label={anchorTitle} | ||
| > | ||
| <LinkIcon size="16" /> | ||
| </a> |
There was a problem hiding this comment.
Seems reasonable to add nullable check for id
|
|
||
| .headingCopyIcon { | ||
| display: none; | ||
| transform: translateX(0.25rem); |
There was a problem hiding this comment.
I don't think this line does anything
There was a problem hiding this comment.
It actually made a space from the left, but I used a different approach
This comment was marked as outdated.
This comment was marked as outdated.
Sorry, something went wrong.
|
There is some error in the build 👀 |
|
Preview for this PR was built for commit |
|
Preview for this PR was built for commit |
|
Preview for this PR was built for commit |
5 participants
closes: #1993 (comment)
Create a new
Headingcomponent using the Swizzling method.Updated how the "Copy to clipboard" buttons look so it is consistent with the web.
Also had an issue with scrolling to the desired
id, so I had to useBrokenLinks hook