Skip to content

Google Oauth button redesigned and refactored the button component#13

Open
aravind289 wants to merge 2 commits intodevelopfrom
version_0.1.2
Open

Google Oauth button redesigned and refactored the button component#13
aravind289 wants to merge 2 commits intodevelopfrom
version_0.1.2

Conversation

@aravind289
Copy link
Copy Markdown
Collaborator

No description provided.

@aravind289 aravind289 requested a review from digi0ps July 24, 2020 08:52
import React from 'react'
import styles from './ui.module.css'
import GoogleLogo from '../../../images/g.png'
export default function GoogleButton({ onClick, textLabel }) {
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Add line above

selectedOption: option,
})
}
render() {
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Add line above

}

toggleRadioCheck = (e) => {
var option = e.target.value
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Use const

toggleRadioCheck = (e) => {
var option = e.target.value
this.setState({
selectedOption: option,
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Or actually no variable needed. Just do:

selectedOption: e.target.value

const labelOrientation = 'vertical',
dropdownData = ['All Time', 'Weekly', 'Monthly'],
const dropdownData = ['All Time', 'Weekly', 'Monthly'],
labelData = [
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Declare labelData in a separate const

},
]
const dropdownOptions = ['All', 'Practise', 'Arena']
// labelData = [
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Why is this commented? If it's not used delete it

// console.log('Given Name: ' + profile.getGivenName())
// console.log('Family Name: ' + profile.getFamilyName())
// console.log('Image URL: ' + profile.getImageUrl())
// console.log('Email: ' + profile.getEmail())
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Delete comments

{/* <div id="customBtn" className="customGPlusSignIn" onClick={this.onSignIn}>
<span className="icon"><img className="googleLogo" src={GoogleLogo} alt="glogo"></img></span>
<span className="buttonText">Sign Up With Google</span>
</div> */}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Delete

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