chore(shadcn): updated screen redirects

Author: dackers86

examples/shadcn/src/screens/mfa-enrollment-screen.tsx

@@ -16,7 +16,16 @@
 "use client";
 
 import { MultiFactorAuthEnrollmentScreen } from "@/components/multi-factor-auth-enrollment-screen";
+import { useNavigate } from "react-router";
 
 export default function MultiFactorAuthEnrollmentScreenPage() {
-  return <MultiFactorAuthEnrollmentScreen />;
+  const navigate = useNavigate();
+
+  return (
+    <MultiFactorAuthEnrollmentScreen
+      onEnrollment={() => {
+        navigate("/");
+      }}
+    />
+  );
 }

examples/shadcn/src/screens/oauth-screen.tsx

@@ -15,6 +15,7 @@
 
 "use client";
 
+import { useState } from "react";
 import { GoogleSignInButton } from "@/components/google-sign-in-button";
 import { FacebookSignInButton } from "@/components/facebook-sign-in-button";
 import { AppleSignInButton } from "@/components/apple-sign-in-button";

examples/shadcn/src/screens/phone-auth-screen.tsx

@@ -16,7 +16,7 @@
 "use client";
 
 import { PhoneAuthScreen } from "@/components/phone-auth-screen";
-
+import { useNavigate } from "react-router";
 export default function PhoneAuthScreenPage() {
   const navigate = useNavigate();
 

examples/shadcn/src/screens/sign-in-auth-screen-w-handlers.tsx

@@ -22,8 +22,11 @@ export default function SignInAuthScreenWithHandlersPage() {
   const navigate = useNavigate();
   return (
     <SignInAuthScreen
+      onSignIn={(credential) => {
+        navigate("/");
+      }}
       onForgotPasswordClick={() => {
-        navigate("/screens/forgot-password-auth-screen");
+        navigate("/screens/forgot-password-screen");
       }}
       onRegisterClick={() => {
         navigate("/screens/sign-up-auth-screen");

examples/shadcn/src/screens/sign-in-auth-screen-w-oauth.tsx

@@ -30,7 +30,6 @@ export default function SignInAuthScreenWithOAuthPage() {
   return (
     <SignInAuthScreen
       onSignIn={(credential) => {
-        console.log(credential);
         navigate("/");
       }}
     >

examples/shadcn/src/screens/sign-in-auth-screen.tsx

@@ -16,7 +16,16 @@
 "use client";
 
 import { SignInAuthScreen } from "@/components/sign-in-auth-screen";
+import { useNavigate } from "react-router";
 
 export default function SignInAuthScreenPage() {
-  return <SignInAuthScreen />;
+  const navigate = useNavigate();
+
+  return (
+    <SignInAuthScreen
+      onSignIn={(credential) => {
+        navigate("/");
+      }}
+    />
+  );
 }

examples/shadcn/src/screens/sign-up-auth-screen-w-handlers.tsx

@@ -22,8 +22,8 @@ export default function SignUpAuthScreenWithHandlersPage() {
   const navigate = useNavigate();
   return (
     <SignUpAuthScreen
-      onSignInClick={() => {
-        navigate("/screens/sign-in-auth-screen");
+      onSignUp={(credential) => {
+        navigate("/");
       }}
     />
   );

examples/shadcn/src/screens/sign-up-auth-screen.tsx

@@ -16,7 +16,15 @@
 "use client";
 
 import { SignUpAuthScreen } from "@/components/sign-up-auth-screen";
+import { useNavigate } from "react-router";
 
 export default function SignUpAuthScreenPage() {
-  return <SignUpAuthScreen />;
+  const navigate = useNavigate();
+  return (
+    <SignUpAuthScreen
+      onSignUp={(credential) => {
+        navigate("/");
+      }}
+    />
+  );
 }