add remember me checkbox

This commit is contained in:
john 2025-05-29 13:21:37 +02:00
parent 334435cf78
commit 3b4f384582
6 changed files with 43 additions and 9 deletions

View file

@ -20,6 +20,7 @@ export default function SignupPage({ authService }: SignupPageProps) {
const { code } = useParams()
const [signupCode, setSignupCode] = useState<string | null>(null)
const [isSubmitting, setIsSubmitting] = useState(false)
const [rememberMe, setRememberMe] = useState(false)
const [error, setError] = useState<string>('')
const [username, setUsername, usernameError, validateUsername] =
useValidatedInput(isValidUsername)
@ -79,7 +80,7 @@ export default function SignupPage({ authService }: SignupPageProps) {
setIsSubmitting(true)
try {
await authService.signup(username, password, signupCode)
await authService.signup(username, password, signupCode, rememberMe)
navigate('/')
} catch (e: unknown) {
const err = e as Error
@ -116,6 +117,18 @@ export default function SignupPage({ authService }: SignupPageProps) {
type="password"
ref={passwordInputRef}
/>
<div className="flex items-center gap-2 mt-2">
<input
type="checkbox"
id="rememberMe"
checked={rememberMe}
onChange={(e) => setRememberMe(e.target.checked)}
className="h-4 w-4"
/>
<label htmlFor="rememberMe" className="text-sm text-gray-600">
DONT log me out &gt;:(
</label>
</div>
<Button
className="mt-4"
disabled={isSubmitting || !!usernameError || !!passwordError}