-
Notifications
You must be signed in to change notification settings - Fork 2k
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
Framework: use social-logos package #9399
Conversation
2c473ce
to
e4e55f9
Compare
@@ -1,12 +1,12 @@ | |||
Social Logo | |||
======== | |||
|
|||
Component that renders a single socail-logo svg based on an `icon` prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18, 24, 36 or 48px. There's a gallery with all the available icons in devdocs/design. |
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.
Could we maybe add a link to https://github.com/Automattic/social-logos in the README? I wouldn't know we are speaking about that package if I didn't see this PR.
Maybe just adding a link to the text: "...renders a single [social-logo](link here) svg based..."
.
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.
Sounds good 👍 I'll try to follow up in a later PR to show examples in devdocs directly from the package vs here.
@@ -1,12 +1,12 @@ | |||
Social Logo | |||
======== | |||
|
|||
Component that renders a single socail-logo svg based on an `icon` prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18, 24, 36 or 48px. There's a gallery with all the available icons in devdocs/design. | |||
Component that renders a single social-logo svg based on an `icon` prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18, 24, 36 or 48px. There's a gallery with all the available icons in devdocs/design. |
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.
stupid comment but should we add px
to each size:
18px, 24px, 36px or 48px
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.
Thanks I'll add this to the social-logo readme
Nice work! LGTM 🚢. |
e4e55f9
to
dd30047
Compare
Thanks for the reviews! |
Instead of manually copying from https://github.com/Automattic/social-logos this PR pairs with Automattic/social-logos#42 to use it as an external dependency.
Note that this component assumes that
react
andclassnames
are available in the parent project.Misc changes have snuck into the Calypso SocialLogo file over time, so keep an eye out for any breakages. For example, using service names directly eg
google_plus
and failing to transform the value into kebobCasegoogle-plus
Testing
Tasks
cc @aduth @obenland @lamosty @retrofox