Merge pull request #3391 from Northeastern-Electric-Racing/#2789-JoshuaSharma-CRcomments

#2789 Joshua Sharma CR additional comments field optional

Author: walker-sean

src/frontend/src/pages/ChangeRequestDetailPage/ReviewChangeRequest.tsx

@@ -19,7 +19,7 @@ interface ReviewChangeRequestProps {
 }
 
 export interface FormInput {
-  reviewNotes: string;
+  reviewNotes?: string;
   accepted: boolean;
   psId?: string;
 }
@@ -45,7 +45,7 @@ const ReviewChangeRequest: React.FC<ReviewChangeRequestProps> = ({
     await mutateAsync({
       reviewerId: auth.user?.userId,
       crId,
-      reviewNotes,
+      reviewNotes: reviewNotes ?? '',
       accepted,
       psId
     }).catch((error) => {

src/frontend/src/pages/ChangeRequestDetailPage/ReviewChangeRequestView.tsx

@@ -39,7 +39,7 @@ interface ReviewChangeRequestViewProps {
 }
 
 const schema = yup.object().shape({
-  reviewNotes: yup.string().required(),
+  reviewNotes: yup.string(),
   accepted: yup.boolean().required(),
   psId: yup.string().optional()
 });
@@ -169,7 +169,6 @@ const ReviewChangeRequestsView: React.FC<ReviewChangeRequestViewProps> = ({
             <Controller
               name="reviewNotes"
               control={control}
-              rules={{ required: true }}
               render={({ field: { onChange, value } }) => (
                 <>
                   <Typography
@@ -183,7 +182,6 @@ const ReviewChangeRequestsView: React.FC<ReviewChangeRequestViewProps> = ({
                   <TextField
                     multiline
                     rows={4}
-                    required
                     variant="outlined"
                     id="reviewNotes-input"
                     autoComplete="off"
@@ -246,14 +244,12 @@ const ReviewChangeRequestsView: React.FC<ReviewChangeRequestViewProps> = ({
             <Controller
               name="reviewNotes"
               control={control}
-              rules={{ required: true }}
               render={({ field: { onChange, value } }) => (
                 <>
                   <Typography>{'Additional Comments'}</Typography>
                   <TextField
                     multiline
                     rows={4}
-                    required
                     id="reviewNotes-input"
                     autoComplete="off"
                     onChange={onChange}