diff --git a/examples/apps/auth-sample/package.json b/examples/apps/auth-sample/package.json index 3894ceb..ba02520 100644 --- a/examples/apps/auth-sample/package.json +++ b/examples/apps/auth-sample/package.json @@ -9,7 +9,7 @@ }, "dependencies": { "@heroicons/react": "^2.0.13", - "@openfort/openfort-js": "^0.8.13", + "@openfort/openfort-js": "^0.8.14", "@openfort/openfort-node": "^0.6.65", "@radix-ui/react-dialog": "^1.1.2", "@radix-ui/react-icons": "^1.3.0", diff --git a/examples/apps/auth-sample/src/pages/login.tsx b/examples/apps/auth-sample/src/pages/login.tsx index 388bce0..99da2ee 100644 --- a/examples/apps/auth-sample/src/pages/login.tsx +++ b/examples/apps/auth-sample/src/pages/login.tsx @@ -59,6 +59,29 @@ function LoginPage() { if (user) loadData(); }, [user]); + const handleGuest = async (event: React.FormEvent) => { + setStatus({ + type: "loading", + title: "Signing in...", + }); + event.preventDefault(); + const data = await openfort + .registerGuest() + .catch((error) => { + setStatus({ + type: "error", + title: "Error signing in", + }); + }); + if (data) { + setStatus({ + type: "success", + title: "Successfully signed in", + }); + router.push("/"); + } + } + const handleSubmit = async (event: React.FormEvent) => { setStatus({ type: "loading", @@ -162,13 +185,22 @@ function LoginPage() { )} +
+ +
- + Or continue with
@@ -178,7 +210,7 @@ function LoginPage() {