From bf882352cc69edfb7d7b5208864a4ed7e4ad94c4 Mon Sep 17 00:00:00 2001
From: Mohammad Shahbaz Alam <shahbaz17@users.noreply.github.com>
Date: Fri, 17 May 2024 09:48:15 +0530
Subject: [PATCH 1/2] Fix Switch Chain and remove log

---
 example/react-app/src/App.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/example/react-app/src/App.tsx b/example/react-app/src/App.tsx
index 70c8bcc..3a9b034 100644
--- 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");
   };
 

From 579bb3cd4bc89e2eec735c58d0995615f74c2988 Mon Sep 17 00:00:00 2001
From: Mohammad Shahbaz Alam <shahbaz17@users.noreply.github.com>
Date: Fri, 17 May 2024 10:06:27 +0530
Subject: [PATCH 2/2] css improvements

---
 example/react-app/src/App.css | 12 ++++++++++++
 example/react-app/src/App.tsx | 12 +++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/example/react-app/src/App.css b/example/react-app/src/App.css
index 243c0dd..b90cae1 100644
--- 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
index 3a9b034..ca7f30d 100644
--- a/example/react-app/src/App.tsx
+++ b/example/react-app/src/App.tsx
@@ -347,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>
+      </>
     </>
   );