login.js

class Login extends React.Component {
  
	componentWillMount() {
		base.onAuth((user) => {
			if(user) {					
				this.props.setUser(user.displayName, user.email, user.photoURL, user.uid);
			}
		});
	}
  
	authenticate(provider) {
    	base.authWithOAuthPopup(provider, authHandler);
  	}
  
  	unauth() {
  		base.unauth();
  		this.props.removeUser();
  	}

  	renderContent() {	
  		if (this.props.user.uid) {
	  		return (
	  			<div>
		  			<div className="userInfo">
		  				<div>{this.props.user.name}</div>
		  				<div className="photoUser"><img src={this.props.user.photoURL}/></div>
		  				<div className="adress">

		  				</div>
		  			</div>		
		  			<Button bsStyle="warning" className="unauth" onClick={() => this.unauth()}>Déconnexion</Button>
				</div>			
			)  	
		} else {
			  <Button bsStyle="danger" className="google" onClick={() => this.authenticate('google')}>Connexion avec Google</Button>
		  } 		
  	}

	render() {
		return (
			<div>
				<div className="loginWrap">
					{this.renderContent()}
				</div>
			</div>
		)
	}
}

export default Login;