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' && (