Revert "#1195 Cleaned up default values"

This reverts commit c80f405.

Author: jackturner106

src/frontend/src/components/ReactHookEditableList.tsx

@@ -1,46 +1,36 @@
 import { Grid, Button, IconButton, TextField } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { FieldArrayWithId, UseFieldArrayRemove, UseFormRegister, UseFieldArrayAppend } from 'react-hook-form';
-import { Box } from '@mui/system';
 
 interface ReactHookEditableListProps {
   name: string;
   ls: FieldArrayWithId[];
   register: UseFormRegister<any>;
   append: UseFieldArrayAppend<any, any>;
   remove: UseFieldArrayRemove;
-  addMessage: string;
 }
 
-const ReactHookEditableList: React.FC<ReactHookEditableListProps> = ({
-  name,
-  ls,
-  register,
-  append,
-  remove,
-  addMessage = '+ ADD NEW BULLET'
-}) => {
+const ReactHookEditableList: React.FC<ReactHookEditableListProps> = ({ name, ls, register, append, remove }) => {
   return (
     <>
-      <Button
-        variant="contained"
-        color="primary"
-        onClick={() => append({ bulletId: -1, detail: '' })}
-        sx={{ my: 2, width: 'max-content' }}
-      >
-        {addMessage}
-      </Button>
       {ls.map((_element, i) => {
         return (
-          //<Grid item sx={{ display: 'grid', alignItems: 'center' }}>
-          <Box sx={{ width: 10 / 10 }}>
-            <TextField required autoComplete="off" sx={{ width: 2 / 10 }} {...register(`${name}.${i}.detail`)} />
+          <Grid item sx={{ display: 'flex', alignItems: 'center' }}>
+            <TextField required autoComplete="off" sx={{ width: 9 / 10 }} {...register(`${name}.${i}.detail`)} />
             <IconButton type="button" onClick={() => remove(i)} sx={{ mx: 1, my: 0 }}>
               <DeleteIcon />
             </IconButton>
-          </Box>
+          </Grid>
         );
       })}
+      <Button
+        variant="contained"
+        color="success"
+        onClick={() => append({ bulletId: -1, detail: '' })}
+        sx={{ my: 2, width: 'max-content' }}
+      >
+        + Add New Bullet
+      </Button>
     </>
   );
 };

src/frontend/src/pages/ProjectDetailPage/ProjectEdit/ProjectEditContainer.tsx

@@ -214,14 +214,7 @@ const ProjectEditContainer: React.FC<ProjectEditContainerProps> = ({ project, ex
           <LinksEditView watch={watch} ls={links} register={register} append={appendLink} remove={removeLink} />
         </PageBlock>
         <PageBlock title="Goals">
-          <ReactHookEditableList
-            name="goals"
-            register={register}
-            ls={goals}
-            append={appendGoal}
-            remove={removeGoal}
-            addMessage="Add Goal"
-          />
+          <ReactHookEditableList name="goals" register={register} ls={goals} append={appendGoal} remove={removeGoal} />
         </PageBlock>
         <PageBlock title="Features">
           <ReactHookEditableList
@@ -230,7 +223,6 @@ const ProjectEditContainer: React.FC<ProjectEditContainerProps> = ({ project, ex
             ls={features}
             append={appendFeature}
             remove={removeFeature}
-            addMessage="Add Feature"
           />
         </PageBlock>
         <PageBlock title="Other Constraints">
@@ -240,18 +232,22 @@ const ProjectEditContainer: React.FC<ProjectEditContainerProps> = ({ project, ex
             ls={constraints}
             append={appendConstraint}
             remove={removeConstraint}
-            addMessage="Add Constraint"
           />
         </PageBlock>
         <PageBlock title="Rules">
-          <ReactHookEditableList
-            name="rules"
-            register={register}
-            ls={rules}
-            append={appendRule}
-            remove={removeRule}
-            addMessage="Add Rule"
-          />
+          {rules.map((_rule, i) => {
+            return (
+              <Grid item sx={{ display: 'flex', alignItems: 'center' }}>
+                <TextField required autoComplete="off" {...register(`rules.${i}.rule`)} sx={{ width: 5 / 10 }} />
+                <IconButton type="button" onClick={() => removeRule(i)} sx={{ mx: 1, my: 0 }}>
+                  <DeleteIcon />
+                </IconButton>
+              </Grid>
+            );
+          })}
+          <Button variant="contained" color="success" onClick={() => appendRule({ rule: '' })} sx={{ mt: 2 }}>
+            + ADD NEW RULE
+          </Button>
         </PageBlock>
         <Box textAlign="right" sx={{ my: 2 }}>
           <NERFailButton variant="contained" onClick={exitEditMode} sx={{ mx: 1 }}>

src/frontend/src/pages/WorkPackageDetailPage/ActivateWorkPackageModalContainer/ActivateWorkPackageModal.tsx

@@ -47,6 +47,8 @@ const schema = yup.object().shape({
   confirmDetails: yup.boolean().required()
 });
 
+//startDate: new Date().toLocaleDateString(),
+
 const ActivateWorkPackageModal: React.FC<ActivateWorkPackageModalProps> = ({
   allUsers,
   wbsNum,
@@ -60,16 +62,19 @@ const ActivateWorkPackageModal: React.FC<ActivateWorkPackageModalProps> = ({
     const daysUntilNextMonday = (7 - today + 1) % 7;
     startDate.setDate(startDate.getDate() + daysUntilNextMonday);
   }
+  const { reset, handleSubmit, control } = useForm<FormInput>({
+    resolver: yupResolver(schema),
+    defaultValues: {
+      confirmDetails: false,
+      startDate
+    }
+  });
 
   const defaultValues: FormInput = {
-    startDate: startDate,
+    startDate: new Date(),
     confirmDetails: false
   };
 
-  const { reset, handleSubmit, control } = useForm<FormInput>({
-    resolver: yupResolver(schema)
-  });
-
   const [projectLeadId, setProjectLeadId] = useState<string>();
   const [projectManagerId, setProjectManagerId] = useState<string>();
   const toast = useToast();
@@ -144,7 +149,7 @@ const ActivateWorkPackageModal: React.FC<ActivateWorkPackageModalProps> = ({
                         inputFormat="yyyy-MM-dd"
                         onChange={(date) => onChange(date ?? new Date())}
                         className={'padding: 10'}
-                        value={startDate}
+                        value={value}
                         shouldDisableDate={disableStartDate}
                         renderInput={(params) => <TextField autoComplete="off" {...params} />}
                       />