diff --git a/packages/kit/src/components/KitProvider/ConnectWalletContent/GoogleLogo.tsx b/packages/kit/src/components/KitProvider/ConnectWalletContent/GoogleLogo.tsx new file mode 100644 index 00000000..2089f867 --- /dev/null +++ b/packages/kit/src/components/KitProvider/ConnectWalletContent/GoogleLogo.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +export const GoogleLogo = () => ( + + + + + + + + + +) diff --git a/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx b/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx index 04a8885a..78330d5b 100644 --- a/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx +++ b/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx @@ -23,6 +23,7 @@ import { appleAuthHelpers, useScript } from 'react-apple-signin-auth' import { ExtendedWalletList } from './ExtendedWalletList' import { Banner } from './Banner' +import { GoogleLogo } from './GoogleLogo' import { KitConfig } from '../../index' import { LocalStorageKey, defaultSignInOptions } from '../../../constants' @@ -58,6 +59,11 @@ export const ConnectWalletContent = (props: ConnectWalletContentProps) => { const [showEmailWaasPinInput, setShowEmailWaasPinInput] = useState(false) const [waasEmailPinCode, setWaasEmailPinCode] = useState([]) const { connectors: baseConnectors, connect } = useConnect() + const [enableGoogleTooltip, setEnableGoogleTooltip] = useState(false) + + useEffect(() => { + setTimeout(() => { setEnableGoogleTooltip(true) },300) + }) // EIP-6963 connectors will not have the _wallet property const injectedConnectors: ExtendedConnector[] = baseConnectors @@ -267,22 +273,65 @@ export const ConnectWalletContent = (props: ConnectWalletContentProps) => { return ( {connector._wallet.id === 'google-waas' && ( - - { - if (credentialResponse.credential) { - storage?.setItem(LocalStorageKey.WaasGoogleIdToken, credentialResponse.credential) - onConnect(connector) - } - }} - onError={() => { - console.log('Login Failed') - }} - /> - + + + + { + if (credentialResponse.credential) { + storage?.setItem(LocalStorageKey.WaasGoogleIdToken, credentialResponse.credential) + onConnect(connector) + } + }} + onError={() => { + console.log('Login Failed') + }} + /> + + + + + + + + )} {connector._wallet.id === 'apple-waas' && (