From d45ab66865af968f71c841677c642a2ef4925fd8 Mon Sep 17 00:00:00 2001
From: Diwash <diwashb999@gmail.com>
Date: Fri, 29 Sep 2023 09:16:56 +0545
Subject: [PATCH] Fixed: Register page shows Button with Sign In instead of
 Sign Up

---
 app/(auth)/register/page.tsx  |  2 +-
 components/user-auth-form.tsx | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index 1b61ff0..1151562 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -34,7 +34,7 @@ export default function RegisterPage() {
               Enter your email below to create your account
             </p>
           </div>
-          <UserAuthForm />
+          <UserAuthForm option="register" />
           <p className="px-8 text-center text-sm text-muted-foreground">
             By clicking continue, you agree to our{" "}
             <Link
diff --git a/components/user-auth-form.tsx b/components/user-auth-form.tsx
index af745b3..c270808 100644
--- a/components/user-auth-form.tsx
+++ b/components/user-auth-form.tsx
@@ -15,11 +15,17 @@ import { Label } from "@/components/ui/label"
 import { toast } from "@/components/ui/use-toast"
 import { Icons } from "@/components/icons"
 
-interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {
+  option?: string
+}
 
 type FormData = z.infer<typeof userAuthSchema>
 
-export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
+export function UserAuthForm({
+  className,
+  option,
+  ...props
+}: UserAuthFormProps) {
   const {
     register,
     handleSubmit,
@@ -84,7 +90,9 @@ export function UserAuthForm({ className, ...props }: UserAuthFormProps) {
             {isLoading && (
               <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
             )}
-            Sign In with Email
+            {option === "register"
+              ? "Sign Up with Email"
+              : "Sign In with Email"}
           </button>
         </div>
       </form>