From e72411f9188ae523f4062c81e64d3f2cee66b44c Mon Sep 17 00:00:00 2001
From: Alfred Rosenthal <alfred.k.rosenthal@gmail.com>
Date: Mon, 28 Aug 2023 11:30:09 -0700
Subject: [PATCH] ran make fix

---
 .../fields/SearchAutocompleteField.tsx        |  6 +-
 app/src/components/user/UserRoleSelector.tsx  |  7 +--
 .../projects/components/ProjectUserForm.tsx   | 61 +++++++++----------
 3 files changed, 36 insertions(+), 38 deletions(-)

diff --git a/app/src/components/fields/SearchAutocompleteField.tsx b/app/src/components/fields/SearchAutocompleteField.tsx
index f56b98fe14..c49eaff676 100644
--- a/app/src/components/fields/SearchAutocompleteField.tsx
+++ b/app/src/components/fields/SearchAutocompleteField.tsx
@@ -57,7 +57,11 @@ const SearchAutocompleteField = <T,>(props: ISearchAutocompleteFieldProps<T>) =>
           fullWidth
           InputProps={{
             ...params.InputProps,
-            startAdornment: <Box mx={1} mt={"6px"}><Icon path={mdiMagnify} size={1} /></Box>,
+            startAdornment: (
+              <Box mx={1} mt={'6px'}>
+                <Icon path={mdiMagnify} size={1} />
+              </Box>
+            ),
             endAdornment: (
               <>
                 {isSearching ? <CircularProgress color="inherit" size={20} /> : null}
diff --git a/app/src/components/user/UserRoleSelector.tsx b/app/src/components/user/UserRoleSelector.tsx
index 06b7f13195..890f558883 100644
--- a/app/src/components/user/UserRoleSelector.tsx
+++ b/app/src/components/user/UserRoleSelector.tsx
@@ -20,12 +20,10 @@ const UserRoleSelector: React.FC<IUserRoleSelectorProps> = (props) => {
   const { index, selectedRole, user, roles, error, handleAdd, handleRemove } = props;
 
   return (
-
-    <Box mt={1}
-      className="userRoleItemContainer">
+    <Box mt={1} className="userRoleItemContainer">
       <Paper
         variant="outlined"
-        className={ error ? 'userRoleItemError' : 'userRoleItem'}
+        className={error ? 'userRoleItemError' : 'userRoleItem'}
         sx={{
           '&.userRoleItem': {
             borderColor: 'grey.400'
@@ -82,7 +80,6 @@ const UserRoleSelector: React.FC<IUserRoleSelectorProps> = (props) => {
       </Paper>
       {error}
     </Box>
-
   );
 };
 
diff --git a/app/src/features/projects/components/ProjectUserForm.tsx b/app/src/features/projects/components/ProjectUserForm.tsx
index 6289e4f151..8236e255a3 100644
--- a/app/src/features/projects/components/ProjectUserForm.tsx
+++ b/app/src/features/projects/components/ProjectUserForm.tsx
@@ -3,6 +3,7 @@ import Icon from '@mdi/react';
 import Autocomplete from '@mui/material/Autocomplete';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
+import Collapse from '@mui/material/Collapse';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import AlertBar from 'components/alert/AlertBar';
@@ -16,10 +17,9 @@ import { ICode } from 'interfaces/useCodesApi.interface';
 import { ICreateProjectRequest, IGetProjectParticipant } from 'interfaces/useProjectApi.interface';
 import { ISystemUser } from 'interfaces/useUserApi.interface';
 import { useEffect, useState } from 'react';
+import { TransitionGroup } from 'react-transition-group';
 import { alphabetizeObjects } from 'utils/Utils';
 import yup from 'utils/YupSchema';
-import { TransitionGroup } from 'react-transition-group';
-import Collapse from '@mui/material/Collapse';
 
 export const ProjectUserRoleYupSchema = yup.object().shape({
   participants: yup
@@ -234,37 +234,34 @@ const ProjectUserForm: React.FC<IProjectUser> = (props) => {
             }}
           />
         </Box>
-        {/* {selectedUsers.length > 0 && ( */}
-          
-          <Box>
-            <Box
-              sx={{
-                '& .userRoleItemContainer + .userRoleItemContainer': {
-                  mt: 1
-                }
-              }}>
-              <TransitionGroup>
-                {selectedUsers.map((user: ISystemUser | IGetProjectParticipant, index: number) => {
-                  const error = rowItemError(index);
-                  return (
-                    <Collapse key={user.system_user_id}>
-                      <UserRoleSelector
-                        index={index}
-                        user={user}
-                        roles={props.roles}
-                        error={error}
-                        selectedRole={getSelectedRole(index)}
-                        handleAdd={handleAddUserRole}
-                        handleRemove={handleRemoveUser}
-                        key={user.system_user_id}
-                      />
-                    </Collapse>
-                  );
-                })}
-              </TransitionGroup>
-            </Box>
+        <Box>
+          <Box
+            sx={{
+              '& .userRoleItemContainer + .userRoleItemContainer': {
+                mt: 1
+              }
+            }}>
+            <TransitionGroup>
+              {selectedUsers.map((user: ISystemUser | IGetProjectParticipant, index: number) => {
+                const error = rowItemError(index);
+                return (
+                  <Collapse key={user.system_user_id}>
+                    <UserRoleSelector
+                      index={index}
+                      user={user}
+                      roles={props.roles}
+                      error={error}
+                      selectedRole={getSelectedRole(index)}
+                      handleAdd={handleAddUserRole}
+                      handleRemove={handleRemoveUser}
+                      key={user.system_user_id}
+                    />
+                  </Collapse>
+                );
+              })}
+            </TransitionGroup>
           </Box>
-        {/* )} */}
+        </Box>
       </Box>
     </form>
   );