feat: register page #91

Merged

dominik merged 3 commits from feat/87-register_page into main

2025-06-11 06:13:24 +00:00

micha.bok commented

2025-06-09 10:35:03 +00:00

Member

irgendwie setzt mein Passwort-Manager immer Username bei "first Name" und Passwort bei "last Name" rein, das ist nicht cool, weil das Passwort da im Klartext steht

Aber habs nicht gefixt bekommen :/

irgendwie setzt mein Passwort-Manager immer Username bei "first Name" und Passwort bei "last Name" rein, das ist nicht cool, weil das Passwort da im Klartext steht Aber habs nicht gefixt bekommen :/

micha.bok added 2 commits 2025-06-09 10:35:03 +00:00

feat: enhance login form with sign-up input-fields and autocomplete attributes d37aa88ab7

fix: correct typo in Prisma command in README.md

container-scan / Container Scan (pull_request) Successful in 2m11s

Details

docker-build / docker (pull_request) Successful in 3m12s

Details

bc3e322596

micha.bok changed title from ~~feat/87-register_page~~ to feat: register page

2025-06-09 10:35:51 +00:00

dominik commented

2025-06-09 12:24:51 +00:00

Owner

Kannst das Problem z.B. durch einen automatischen form reset fixen. Das Problem ist, dass react die inputs wiederverwendet und deshalb die Eingaben erhalten bleiben.

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>

Kannst das Problem z.B. durch einen automatischen form reset fixen. Das Problem ist, dass react die inputs wiederverwendet und deshalb die Eingaben erhalten bleiben. ```diff 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> ```

micha.bok added 1 commit 2025-06-10 07:23:17 +00:00

feat: add form reset functionality and ref to login form

container-scan / Container Scan (pull_request) Successful in 3m0s

Details

docker-build / docker (pull_request) Successful in 6m5s

Details

32bfb400d3

dominik approved these changes 2025-06-11 06:00:11 +00:00