From 32bfb400d355b6b6551b37ba8ac01c4f570e1839 Mon Sep 17 00:00:00 2001
From: Micha <michabokelmann@web.de>
Date: Tue, 10 Jun 2025 09:23:09 +0200
Subject: [PATCH] feat: add form reset functionality and ref to login form

---
 src/components/user/login-form.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/user/login-form.tsx b/src/components/user/login-form.tsx
index 2ed61e4..8a00749 100644
--- a/src/components/user/login-form.tsx
+++ b/src/components/user/login-form.tsx
@@ -4,15 +4,18 @@ import LabeledInput from '@/components/labeled-input';
 import { Button } from '@/components/custom-ui/button';
 import { AuthError } from 'next-auth';
 import { redirect } from 'next/navigation';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 
 const SIGNIN_ERROR_URL = '/error';
 
 export default function LoginForm() {
   const [isSignUp, setIsSignUp] = useState(false);
 
+  const formRef = useRef<HTMLFormElement>(null);
+
   return (
     <form
+      ref={formRef}
       className='flex flex-col gap-5 w-full'
       action={async (formData) => {
         'use client';
@@ -91,7 +94,10 @@ export default function LoginForm() {
         <Button
           type='button'
           variant='outline_primary'
-          onClick={() => setIsSignUp((v) => !v)}
+          onClick={() => {
+            formRef.current?.reset();
+            setIsSignUp((v) => !v);
+          }}
         >
           {isSignUp ? 'Back to Login' : 'Sign Up'}
         </Button>