const GoogleLoginButton = props => { return ( <GoogleLogin clientId={GOOGLE_CLIENT_ID} render={renderProps => ( <button className="loginBtn loginBtn--google" onClick={renderProps.onClick} disabled={renderProps.disabled} > Login with Google </button> )} onSuccess={response => props.handleLogin(response.tc.access_token)} onFailure={err => console.error(err)} /> ); }
render() { const { gapiReady, message, loggedIn, auth } = this.state; if (gapiReady) { return ( <div> <p> {loggedIn ? "Logged in " + auth.profileObj.email : "Not logged in"} </p> <h1>GAPI is loaded and ready to use.</h1> <GoogleLogin clientId="958229799636-upj54qtq8g19tgohikkc970s3h6tpvpr.apps.googleusercontent.com" render={renderProps => ( <button onClick={renderProps.onClick}> This is my custom Google button </button> )} buttonText="Login" onSuccess={this.onSuccessLogin} onFailure={this.onFailureLogin} /> ,<button onClick={this.agregarEvento}>Agregar evento</button> <p>{message}</p> </div> ); } else return <p>Cargando API</p>; }
render={renderProps => ( <Button onClick={renderProps.onClick} disabled={renderProps.disabled} fullWidth
size="large" className="login-form-button" onClick={renderProps.onClick} style={{ marginTop: "0.5rem",
size="large" className="login-form-button" onClick={renderProps.onClick} style={{ marginTop: "0.5rem",
render={renderProps => ( <Button onClick={renderProps.onClick} disabled={renderProps.disabled} fullWidth