pub-solar/obs-portal
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: min length for password

Browse source
This commit is contained in:
Tobias Mahnke 2021-04-20 17:18:44 +02:00
parent 8b70740186
commit 947412b0a2
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/RegistrationForm.tsx
View file

@ -12,10 +12,10 @@ export default function RegistrationForm({
}: { }: {
onSubmit: (data: RegistrationFormSubmit) => void; onSubmit: (data: RegistrationFormSubmit) => void;
}) { }) {
const [username, setUsername] = React.useState(null); const [username, setUsername] = React.useState('');
const [email, setEmail] = React.useState(null); const [email, setEmail] = React.useState('');
const [password, setPassword] = React.useState(null); const [password, setPassword] = React.useState('');
const [password2, setPassword2] = React.useState(null); const [password2, setPassword2] = React.useState('');
const onChangeUsername = React.useCallback((e) => setUsername(e.target.value), []); const onChangeUsername = React.useCallback((e) => setUsername(e.target.value), []);
const onChangeEmail = React.useCallback((e) => setEmail(e.target.value), []); const onChangeEmail = React.useCallback((e) => setEmail(e.target.value), []);
@ -32,7 +32,14 @@ export default function RegistrationForm({
<Form onSubmit={onSubmit}> <Form onSubmit={onSubmit}>
<Form.Input label="Username" value={username} onChange={onChangeUsername} name="username" /> <Form.Input label="Username" value={username} onChange={onChangeUsername} name="username" />
<Form.Input label="e-Mail" value={email} onChange={onChangeEmail} name="email" /> <Form.Input label="e-Mail" value={email} onChange={onChangeEmail} name="email" />
<Form.Input label="Password" type="password" value={password} onChange={onChangePassword} name="password" /> <Form.Input
label="Password"
type="password"
value={password}
onChange={onChangePassword}
name="password"
minLength={6}
/>
<Form.Input <Form.Input
label="Password (repeat)" label="Password (repeat)"
type="password" type="password"
@ -40,6 +47,7 @@ export default function RegistrationForm({
onChange={onChangePassword2} onChange={onChangePassword2}
name="password2" name="password2"
error={password2 != null && password !== password2 ? 'Your passwords do not match.' : null} error={password2 != null && password !== password2 ? 'Your passwords do not match.' : null}
minLength={6}
/> />
<Button type="submit">Submit</Button> <Button type="submit">Submit</Button>
</Form> </Form>