From 947412b0a29c8f55b08605ee63f31a7e614bdeaf Mon Sep 17 00:00:00 2001
From: Tobias Mahnke <tobmah@users.noreply.github.com>
Date: Tue, 20 Apr 2021 17:18:44 +0200
Subject: [PATCH] fix: min length for password

---
 frontend/src/components/RegistrationForm.tsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

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