From b14f25bfadb332eaf8fbc3e3d4883c0714b43e5a Mon Sep 17 00:00:00 2001
From: Maksim Eltyshev <meltyshev@gmail.com>
Date: Fri, 2 Sep 2022 17:04:51 +0500
Subject: [PATCH] fix: Add password requirements when creating user

Closes #293
---
 .../components/UserAddPopup/UserAddPopup.jsx  | 23 +++++++++++--------
 .../UserAddPopup/UserAddPopup.module.scss     |  6 +++++
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/client/src/components/UserAddPopup/UserAddPopup.jsx b/client/src/components/UserAddPopup/UserAddPopup.jsx
index 07079702..97c00dce 100755
--- a/client/src/components/UserAddPopup/UserAddPopup.jsx
+++ b/client/src/components/UserAddPopup/UserAddPopup.jsx
@@ -142,15 +142,20 @@ const UserAddStep = React.memo(
               onChange={handleFieldChange}
             />
             <div className={styles.text}>{t('common.password')}</div>
-            <Input.Password
-              fluid
-              ref={passwordField}
-              name="password"
-              value={data.password}
-              readOnly={isSubmitting}
-              className={styles.field}
-              onChange={handleFieldChange}
-            />
+            <div className={styles.field}>
+              <Input.Password
+                fluid
+                ref={passwordField}
+                name="password"
+                value={data.password}
+                readOnly={isSubmitting}
+                className={styles.field}
+                onChange={handleFieldChange}
+              />
+              <div className={styles.note}>
+                {t('common.mustBeAtLeast6CharactersLongAndContainAtLeastOneLetterAndNumber')}
+              </div>
+            </div>
             <div className={styles.text}>{t('common.name')}</div>
             <Input
               fluid
diff --git a/client/src/components/UserAddPopup/UserAddPopup.module.scss b/client/src/components/UserAddPopup/UserAddPopup.module.scss
index 8246167c..6f5b7c02 100644
--- a/client/src/components/UserAddPopup/UserAddPopup.module.scss
+++ b/client/src/components/UserAddPopup/UserAddPopup.module.scss
@@ -3,6 +3,12 @@
     margin-bottom: 8px;
   }
 
+  .note {
+    font-size: 11px;
+    margin-top: 4px;
+    opacity: 0.5;
+  }
+
   .text {
     color: #444444;
     font-size: 12px;