From e738622396faa1ed24ac69d1a6638904419b64a7 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Mon, 7 Sep 2020 14:16:32 +0300
Subject: [PATCH] Signup: enforce a minimum password length.

---
 src/SignupPage.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/SignupPage.tsx b/src/SignupPage.tsx
index bbbe835..25e8dfe 100644
--- a/src/SignupPage.tsx
+++ b/src/SignupPage.tsx
@@ -35,6 +35,8 @@ interface FormErrors {
   errorGeneral?: string;
 }
 
+const PASSWORD_MIN_LENGTH = 8;
+
 export default function SignupPage() {
   const credentials = useCredentials();
   const dispatch = useDispatch();
@@ -66,6 +68,8 @@ export default function SignupPage() {
       }
       if (!password) {
         errors.errorPassword = fieldRequired;
+      } else if (password.length < PASSWORD_MIN_LENGTH) {
+        errors.errorPassword = `Passwourds should be at least ${PASSWORD_MIN_LENGTH} digits long.`;
       }
 
       if (process.env.NODE_ENV !== "development") {
@@ -197,6 +201,7 @@ export default function SignupPage() {
           helperText={errors.errorPassword}
           label="Password"
           name="password"
+          inputProps={{ minLength: PASSWORD_MIN_LENGTH }}
           value={password}
           onChange={handleInputChange(setPassword)}
         />