496: Add updateUsers

Author: carrollsa

src/client/src/pages/UserManagement/Components/Dialog/NewUserDialog.jsx

@@ -9,7 +9,7 @@ import { buildNameValidation, buildPasswordValidation, buildRoleValidation, buil
 
 export default function NewUserDialog(props) {
     const [responseError, setResponseError] = React.useState(undefined);
-    const { onClose, notifyResult, token } = props;
+    const { onClose, notifyResult, token, updateUsers } = props;
 
     const validationSchema = Yup.object().shape({
         name: buildNameValidation(),
@@ -26,19 +26,20 @@ export default function NewUserDialog(props) {
     const onSubmitHandler = (data) => {
         setResponseError(null);
 
-        const { username, name: full_name, role, password } = data;
+        const newUser = {
+            username: data.username,
+            full_name: data.name,
+            role: data.role,
+            password: data.password
+        };
 
-        createUser({
-            username,
-            full_name,
-            role,
-            password
-        }, token)
+        createUser(newUser, token)
             .then((res) => {
                 if (res.indexOf("duplicate key") > -1) {
-                    setResponseError(`User with username ${username} already exists`)
+                    setResponseError(`User with username ${data.username} already exists`)
                 } else {
                     notifyResult({ success: true, message: `New user ${res} created successfully` });
+                    updateUsers(newUser);
                     onClose();
                 }
             })

src/client/src/pages/UserManagement/Components/Dialog/UserDialog.jsx

@@ -6,7 +6,7 @@ export const DialogTypes = {
 }
 
 export default function UserDialog(props) {
-    const { onClose, type, notifyResult, token } = props;
+    const { notifyResult, onClose, type, token, updateUsers } = props;
 
     switch (type) {
         case DialogTypes.NewUser:
@@ -15,7 +15,7 @@ export default function UserDialog(props) {
                     notifyResult={notifyResult}
                     onClose={onClose}
                     token={token}
-                    open
+                    updateUsers={updateUsers}
                 >
                     "Hello"
                 </NewUserDialog>

src/client/src/pages/UserManagement/UserManagement.jsx

@@ -46,6 +46,22 @@ export default function UserManagement(props) {
         }
     }
 
+    const updateUsers = (newOrUpdatedUser) => {
+        setUsers(prevUsers => {
+            const existingUserIndex = _.findIndex(users, existingUser => {
+                return existingUser.username === newOrUpdatedUser.username;
+            })
+
+            if (existingUserIndex >= 0) {
+                const updatedUsers = [...prevUsers];
+                updatedUsers[existingUserIndex] = newOrUpdatedUser;
+                return updatedUsers;
+            } else {
+                return [...users, newOrUpdatedUser];
+            }
+        })
+    }
+
     const openDialog = (opts) => {
         setDialogType(opts.type);
         setDialogOpen(true);
@@ -112,6 +128,7 @@ export default function UserManagement(props) {
                     onClose={closeDialog}
                     token={token}
                     type={dialogType}
+                    updateUsers={updateUsers}
                 />
             }
         </Container >