nimblelab-react-login-google v1.2.1

nimblelab-react-login-google

LoginGoogle is a component for React. Displays a button to authenticate with google login. It takes care of pasting it to the google api and to our backend to check authentication. You only have to pass it the url of our server.

Installation

npm i nimblelab-react-login-google  # using npm

Example

In the root file

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import { GoogleOAuthProvider } from 'nimblelab-react-login-google';
import './index.scss';

const clientIdGoogle = '*****'; //clientId provided by the google application

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <GoogleOAuthProvider clientId={clientIdGoogle}>
      <App />
    </GoogleOAuthProvider>
  </React.StrictMode>,
);

Where we want to use the component

import React from 'react';
import BasicLayout from '@/layout/basicLayout';
import { LoginGoogle } from 'nimblelab-react-login-google';

export default function Login() {
  return (
    <BasicLayout>
      <h1>Get started</h1>
      <LoginGoogle urlApiAuth={`http://localhost:3000/users/google/auth`} onSucces={() => navigate('/')} />
    </BasicLayout>
  );
}