Dont Require Project Lead And Manager on Edit

Author: Peyton-McKee

src/frontend/src/components/NERAutocomplete.tsx

@@ -26,6 +26,7 @@ interface NERAutocompleteProps {
   listboxProps?: HTMLAttributes<HTMLUListElement>;
   filterSelectedOptions?: boolean;
   errorMessage?: FieldError;
+  required?: boolean;
 }
 
 const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
@@ -38,7 +39,8 @@ const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
   value,
   listboxProps,
   filterSelectedOptions,
-  errorMessage
+  errorMessage,
+  required = true
 }) => {
   const theme = useTheme();
 
@@ -59,7 +61,7 @@ const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
           sx: { height: '56px' }
         }}
         placeholder={placeholder}
-        required
+        required={required}
       />
     );
   };

src/frontend/src/pages/WorkPackageForm/WorkPackageFormDetails.tsx

@@ -145,6 +145,7 @@ const WorkPackageFormDetails: React.FC<Props> = ({
                 size="small"
                 placeholder="Select a Project Lead"
                 value={userToOption(usersForLead.find((user) => user.userId.toString() === lead))}
+                required={false}
               />
             </Grid>
             <Grid item xs={12} md={6}>
@@ -157,6 +158,7 @@ const WorkPackageFormDetails: React.FC<Props> = ({
                 size="small"
                 placeholder="Select a Project Manager"
                 value={userToOption(usersForManager.find((user) => user.userId.toString() === manager))}
+                required={false}
               />
             </Grid>
           </>