Merge pull request #40 from Web3Auth/fix/switch-chain

Fix Switch Chain and remove log
Web3Auth · May 17, 2024 · 0e1fbcb · 0e1fbcb
2 parents 9750a37 + 579bb3c
commit 0e1fbcb
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/example/react-app/src/App.css b/example/react-app/src/App.css
@@ -52,6 +52,13 @@
   background-color: #f1f1f1;
 }
 
+.passkey{
+  max-width: 400px;
+  min-width: 200px;
+  height: 38px;
+  width: 248px;
+}
+
 .footer {
   display: flex;
   flex: 1;
@@ -93,6 +100,11 @@
   font-size: 30px;
 }
 
+.text{
+  font-size: 12px;
+  font-weight: 600;
+}
+
 #console {
   width: 100%;
   height: 100%;

diff --git a/example/react-app/src/App.tsx b/example/react-app/src/App.tsx
@@ -80,7 +80,6 @@ function App() {
       }
       setIsLoggingIn(true);
       const idToken = response.credential;
-      console.log(idToken);
       if (!idToken) {
         setIsLoggingIn(false);
         return;
@@ -159,7 +158,7 @@ function App() {
       uiConsole("provider not initialized yet");
       return;
     }
-    await web3authSFAuth?.switchChain({ chainId: "0x5" });
+    await web3authSFAuth?.switchChain({ chainId: "0x13882" });
     uiConsole("Chain Switched");
   };
 
@@ -348,9 +347,19 @@ function App() {
       <>
         <GoogleLogin onSuccess={onSuccess} useOneTap />
       </>
-      <button onClick={loginWithPasskey} className="card">
+      <button onClick={loginWithPasskey} className="card passkey">
         Login with Passkey
       </button>
+      <>
+        <div className="flex-container text">
+          <p>Steps:</p>
+          <ol>
+            <li>Click on the Sign in with Google or use Google One Tap</li>
+            <li>Once logged in, Register the Passkey, then logout</li>
+            <li>Click on the "Login with Passkey" button to experience the Passkey login.</li>
+          </ol>
+        </div>
+      </>
     </>
   );