add remember me checkbox
This commit is contained in:
parent
334435cf78
commit
3b4f384582
6 changed files with 43 additions and 9 deletions
|
@ -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 >:(
|
||||
</label>
|
||||
</div>
|
||||
<Button
|
||||
className="mt-4"
|
||||
disabled={isSubmitting || !!usernameError || !!passwordError}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue