[TheHypnoo]

Summary

The article share block didn't match the Pencil design.

	Design	Before	After
"Share" label	muted	text colour	muted
Icons	link, X, LinkedIn	copy only	link, X, LinkedIn
Gap	16px	12px	16px

 <div class="meta__share">
-  <span>Share</span>
-  <CopyButton />                 # copy icon
+  <span class="muted">Share</span>
+  <CopyButton icon="link" />
+  <a x.com/intent/post>         <BrandIcon name="x" />
+  <a linkedin share-offsite>    <BrandIcon name="linkedin" />

Lucide no longer ships brand icons, so X and LinkedIn are added to the existing BrandIcon (Simple Icons paths, CC0). CopyButton gets an optional icon prop; it still defaults to copy, so the other places that use it don't change.

Evidence

• Before: in production, Share is followed by a single copy icon.
  After: in a local build, Share is followed by the link, X and LinkedIn icons, measured 16px apart in the browser. Hover turns them the accent colour.

Merge Danger

Door: two-way

Blast Radius: small

Changes only the article meta row. The other places that use CopyButton keep the default icon.

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration

• Source mode: Auto
• Repository: Unavailable
• Branch: Unavailable
• File: No configuration file from this repository applied
• Commit: Unavailable
• Layers: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: db747019-0cc5-43cc-b90a-74f0d8466d80

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}