Skip to content
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

feat(ui): added social button component #17033

Merged
merged 2 commits into from
Feb 28, 2020
Merged

feat(ui): added social button component #17033

merged 2 commits into from
Feb 28, 2020

Conversation

asalem1
Copy link
Contributor

@asalem1 asalem1 commented Feb 27, 2020

This PR addresses a styling issue for the social sign-in feature where the social identity buttons didn't have a reference to the logo, and were improperly styled. Created a new shared button component to address this issue, and imported the specific social identity provider SVGs

<svg className={`google-logo ${className}`} x="0" y="0" viewBox="0 0 17.6 18">
<path
d="M15 15.8h-3v-2.3c1-.6 1.6-1.6 1.8-2.7H9V7.4h8.5c.1.6.2 1.2.2 1.8-.1 2.7-1 5.1-2.7 6.6z"
className="google-blue"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not sure, but @alexpaxton might have some opinions on using BEM style naming here (class should represent the structure, so like: google-logo--blue-thing)

}

export const GithubLogo: FC<Props> = ({className}) => (
<svg className={`github-logo ${className}`} role="img" viewBox="0 0 24 24">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use the classer function we use elsewhere for joining classes

Copy link
Contributor

@drdelambre drdelambre left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i have some style consistency nits, and put a picture on the PR for visual stuff

@asalem1 asalem1 merged commit 20a845a into login-epic Feb 28, 2020
@asalem1 asalem1 deleted the social-btn branch February 28, 2020 13:34
asalem1 added a commit that referenced this pull request Feb 28, 2020
feat(ui): added social button component
asalem1 added a commit that referenced this pull request Mar 6, 2020
feat(ui): added social button component
asalem1 added a commit that referenced this pull request Mar 9, 2020
feat(ui): added social button component
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.

2 participants