Change Password Requirement for IEC Security

DHI · Aug 12, 2024 · fa2d847 · fa2d847
1 parent 3fea191
commit fa2d847
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 11 deletions.
diff --git a/packages/react-components/src/Accounts/Accounts.tsx b/packages/react-components/src/Accounts/Accounts.tsx
@@ -56,6 +56,8 @@ const Accounts: React.FC<UserGroupProps> = ({ host, token, userGroupsDefaultSele
   const [deletedDialog, setDeletedDialog] = useState(false);
   const [deleteRow, setDeleteRow] = useState({});
   const [filteringColumnExtensions, setFilteringColumnExtensions] = useState([]);
+  const [error, setError] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
   const getRowId = (row) => row.id;
 
   const metadataHeader = metadata
@@ -129,21 +131,23 @@ const Accounts: React.FC<UserGroupProps> = ({ host, token, userGroupsDefaultSele
 
   const handleSubmit = (row, isNew = false) => {
     if (isNew) {
-      return (
-        createAccount(host, token, { ...row }).subscribe(() => {
+      return createAccount(host, token, { ...row }).subscribe(
+        () => {
           fetchData();
-        }),
+        },
         (error) => {
           console.log('Create Account: ', error);
         }
       );
     } else {
-      return (
-        updateAccount(host, token, { ...row }).subscribe(() => {
+      return updateAccount(host, token, { ...row }).subscribe(
+        () => {
           fetchData();
-        }),
+        },
         (error) => {
-          console.log('Update Accounts: ', error);
+          setError(true);
+          setErrorMessage('Passwords must be at least 7 characters');
+          console.log('Update Account: ', error);
         }
       );
     }
@@ -202,6 +206,8 @@ const Accounts: React.FC<UserGroupProps> = ({ host, token, userGroupsDefaultSele
           onSave={handleSubmit}
           hasPassword
           userGroupsDefaultSelected={userGroupsDefaultSelected}
+          errorAccount={error}
+          errorMessage={errorMessage}
         />
         <Toolbar />
         <TableColumnVisibility />

diff --git a/packages/react-components/src/common/Table/Popup.tsx b/packages/react-components/src/common/Table/Popup.tsx
@@ -44,6 +44,8 @@ const Popup: React.FC<PopupProps> = ({
   metadata,
   hasPassword,
   userGroupsDefaultSelected,
+  errorMessage,
+  errorAccount,
 }) => {
   const [error, setError] = useState<boolean>(false);
   const [passwordStrengthColor, setPasswordStrengthColor] = useState('red');
@@ -141,7 +143,8 @@ const Popup: React.FC<PopupProps> = ({
                     variant="standard"
                     required={isNew}
                     value={row.password || ''}
-                    error={!passwordValid}
+                    error={!passwordValid || errorAccount}
+                    helperText={errorMessage}
                     InputProps={{ endAdornment }}
                     onChange={onChange}
                     autoComplete="new-password"
@@ -156,9 +159,12 @@ const Popup: React.FC<PopupProps> = ({
                     required={isNew}
                     label="Repeat Password"
                     value={row.repeatPassword || ''}
-                    error={!passwordValid}
+                    error={!passwordValid || errorAccount}
                     onChange={onChange}
-                    helperText={!passwordValid && 'Passwords do not match'}
+                    helperText={
+                      (!passwordValid && 'Passwords do not match') ||
+                      errorMessage
+                    }                    
                     autoComplete="new-password"
                   />
                 </>

diff --git a/packages/react-components/src/common/Table/PopupEditing.tsx b/packages/react-components/src/common/Table/PopupEditing.tsx
@@ -12,6 +12,8 @@ const PopupEditing = React.memo(
     onSave,
     hasPassword,
     userGroupsDefaultSelected,
+    errorAccount,
+    errorMessage,
   }: PopupEditingProps) => (
     <Plugin>
       <Template name="popupEditing">
@@ -141,7 +143,7 @@ const PopupEditing = React.memo(
               }
             };
 
-            const open = editingRowIds.length > 0 || isNew;
+            const open = editingRowIds.length > 0 || isNew || errorAccount;
 
             return (
               <Popup
@@ -160,6 +162,8 @@ const PopupEditing = React.memo(
                 metadata={metadata}
                 hasPassword={hasPassword}
                 userGroupsDefaultSelected={userGroupsDefaultSelected}
+                errorMessage={errorMessage}
+                errorAccount={errorAccount}
               />
             );
           }}

diff --git a/packages/react-components/src/common/Table/types.ts b/packages/react-components/src/common/Table/types.ts
@@ -79,6 +79,8 @@ export interface PopupEditingProps {
    * Set User Groups default list when creating a new Account
    */
   userGroupsDefaultSelected?: string[];
+  errorAccount?: boolean;
+  errorMessage?: string;
 }
 
 export interface PopupProps {
@@ -142,6 +144,8 @@ export interface PopupProps {
    * Set User Groups default list when creating a new Account
    */
   userGroupsDefaultSelected?: string[];
+  errorAccount?: boolean;
+  errorMessage?: string;
 }
 
 export interface MetadataEditorProps {