@krowdy/kds-auth/es/OnetapGoogle/OnetapGoogle.js

React components that implement Google's Material Design.

import React, { useState } from 'react';
import { Helmet } from 'react-helmet';
import GoogleLogin from './GoogleLogin';

const OnetapGoogle = () => {
  const [isLoaded, seLoaded] = useState(false);

  const _handleLoad = () => {
    seLoaded(true);
  };

  const _handleScriptInject = (_, {
    scriptTags
  }) => {
    if (scriptTags) {
      const [scriptTag] = scriptTags;
      scriptTag.onload = _handleLoad;
    }
  };

  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Helmet, {
    onChangeClientState: _handleScriptInject,
    script: [{
      src: 'https://accounts.google.com/gsi/client'
    }]
  }), /*#__PURE__*/React.createElement(GoogleLogin, {
    isLoaded: isLoaded
  }));
};

export default React.memo(OnetapGoogle);