Code styling

Author: carrollsa

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

@@ -1,5 +1,13 @@
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, Typography } from '@material-ui/core';
+import {
+    Button,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    TextField,
+    Typography
+} from '@material-ui/core';
 import React from 'react';
 import { useForm } from 'react-hook-form';
 import * as Yup from 'yup';
@@ -8,7 +16,12 @@ import { buildPasswordValidation } from '../../Validations';
 
 
 export default function ChangePasswordDialog(props) {
-    const { onClose, notifyResult, token, user } = props;
+    const {
+        onClose,
+        notifyResult,
+        token,
+        user
+    } = props;
     const { username } = user;
 
     const validationSchema = Yup.object().shape({

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

@@ -1,15 +1,33 @@
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, Typography } from '@material-ui/core';
+import {
+    Button,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    TextField,
+    Typography
+} from '@material-ui/core';
 import React from 'react';
 import { useForm } from 'react-hook-form';
 import * as Yup from 'yup';
 import { createUser } from "../../../../utils/api";
-import { buildNameValidation, buildPasswordValidation, buildRoleValidation, buildUsernameValidation } from '../../Validations';
+import {
+    buildNameValidation,
+    buildPasswordValidation,
+    buildRoleValidation,
+    buildUsernameValidation
+} from '../../Validations';
 
 
 export default function NewUserDialog(props) {
     const [responseError, setResponseError] = React.useState(undefined);
-    const { onClose, notifyResult, token, updateUsers } = props;
+    const {
+        onClose,
+        notifyResult,
+        token,
+        updateUsers
+    } = props;
 
     const validationSchema = Yup.object().shape({
         name: buildNameValidation(),

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

@@ -1,5 +1,15 @@
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, TextField, Typography } from '@material-ui/core';
+import {
+    Button,
+    Checkbox,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    FormControlLabel,
+    TextField,
+    Typography
+} from '@material-ui/core';
 import React from 'react';
 import { useForm } from 'react-hook-form';
 import * as Yup from 'yup';
@@ -8,8 +18,19 @@ import { buildNameValidation, buildRoleValidation } from '../../Validations';
 
 
 export default function UpdateUserDialog(props) {
-    const { onClose, notifyResult, token, updateUsers, user } = props;
-    const { username, full_name: name, role, active } = user;
+    const {
+        onClose,
+        notifyResult,
+        token,
+        updateUsers,
+        user
+    } = props;
+    const {
+        username,
+        full_name: name,
+        role,
+        active
+    } = user;
 
     const validationSchema = Yup.object().shape({
         name: buildNameValidation(),