react-google-auth
Simple higher order component to load google js api, show login and handle sign in and sign out.
The gapi
object becomes available as a global as per normal Google's Javascript API behaviour.
Install
yarn add react-google-auth
or npm install react-google-auth
Example
;; { console; return <div> <h1>App goes here</h1> <button onClick=propsonSignOutClick>Sign out</button> </div>;} { return <div>Loading...</div>;} { ifpropsinitializing return <div className="Text Text-emphasis">Initializing...</div>; ifpropserror console; return <div className="Text Text-strong">Error!</div>; return <div> <button className="Button Button-primary" onClick=propsonSignInClick>Sign in</button> propssigningIn && <div>Signing in...</div> </div>;} clientId: "828692616521-a30cidgltv5cfhg8fbi344i9sqquj138.apps.googleusercontent.com" discoveryDocs: "https://sheets.googleapis.com/$discovery/rest?version=v4" loader: Loader scope: "https://www.googleapis.com/auth/spreadsheets" signIn: SignInExample;