Skip to content

feat: make author card avatar, name, and @handle link to GitHub profile#1683

Merged
sanjay-kv merged 2 commits into
mainfrom
copilot/fix-author-card-redirect
May 23, 2026
Merged

feat: make author card avatar, name, and @handle link to GitHub profile#1683
sanjay-kv merged 2 commits into
mainfrom
copilot/fix-author-card-redirect

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented May 23, 2026

The blog post author card had three non-interactive elements (avatar, name, @handle) alongside a separate "GitHub" button — only the button linked to GitHub. All three should be independently clickable links to the author's profile.

Changes Made

src/theme/BlogPostItem/Footer/index.tsx

  • Avatar: Wrapped <img> (and fallback initial div) in <Link to={githubUrl}> when githubUrl is available
  • Author name: Changed from <p> to <Link> when githubUrl is available — preserves existing visual style
  • @handle: Decoupled from the joined metaItems string; rendered as a standalone <Link> inline with the remaining plain-text date/read-time
// Before: all three were non-interactive
<p className={styles.authorName}>{authorName}</p>
<p className={styles.authorMeta}>{metaItems}</p>  // "@handle • date • read time"  plain string

// After: avatar, name, and handle are all GitHub links
<Link to={githubUrl} className={styles.authorAvatarLink}>...</Link>
<Link to={githubUrl} className={styles.authorName}>{authorName}</Link>
<p className={styles.authorMeta}>
  <Link to={githubUrl} className={styles.authorHandleLink}>{authorHandle}</Link>
  {META_SEPARATOR}{metaDateAndTime}
</p>

src/theme/BlogPostItem/Footer/styles.module.css

  • .authorAvatarLinkdisplay: block to preserve circular layout; subtle opacity on hover
  • .authorNametext-decoration: none at rest, underline on hover; explicit color to prevent browser link color override
  • .authorHandleLink — inherits color, underline on hover only

Dependencies

None.

Checklist

  • My code follows the style guidelines of this project.
  • I have tested my changes across major browsers and devices
  • My changes do not generate new console warnings or errors .
  • I ran npm run build and attached screenshot(s) in this PR.
  • This is already assigned Issue to me, not an unassigned issue.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
recode-website Ready Ready Preview, Comment May 23, 2026 7:15pm

Copilot AI changed the title [WIP] Fix author card redirect to GitHub page feat: make author card avatar, name, and @handle link to GitHub profile May 23, 2026
Copilot AI requested a review from sanjay-kv May 23, 2026 19:15
@sanjay-kv sanjay-kv marked this pull request as ready for review May 23, 2026 19:22
@sanjay-kv sanjay-kv merged commit eb09291 into main May 23, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Author card title on blog page to github redirect

2 participants