-
Notifications
You must be signed in to change notification settings - Fork 6.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
adds link to github profile #7142
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
self-review
@@ -11,16 +13,18 @@ export type AvatarProps = { | |||
|
|||
const Avatar: FC<AvatarProps> = ({ src, alt, fallback }) => ( | |||
<RadixAvatar.Root className={styles.avatarRoot}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
RadixAvatar.Root
becomes a span
. I don't think it matters from a DOM validation part which is outer-most - so I left Root, root. It also worked moving all the styles to the Link when I briefly had that as the root.
Lighthouse Results
|
<RadixAvatar.Fallback delayMs={500} className={styles.avatar}> | ||
{fallback} | ||
</RadixAvatar.Fallback> | ||
<Link href={`https://github.com/${alt}`}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
On some pages, such as /blog
page, user names are sent as alt
, this may cause incorrect links to be created 🤔
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good call. i think we should continue to pursue #7143 instead
Description
Authors are now GH links. currently this opens in the same tab. it could be enhanced to open elsewhere - but being a real, native link, the user has controls over that with mouse or keyboard controls
Validation
See the deployed preview https://nodejs-org-git-7141-author-link-openjs.vercel.app/en/learn/getting-started/introduction-to-nodejs
Related Issues
closes #7141
Check List
npm run format
to ensure the code follows the style guide.npm run test
to check if all tests are passing.npx turbo build
to check if the website builds without errors.