approve now works and editting part doesn't change status

Author: chpy04

src/frontend/src/pages/PartPage/PartPageComponents/PartActionsMenu.tsx

@@ -113,11 +113,6 @@ const PartActionsMenu: React.FC<PartActionsMenuProps> = ({
     history.push(reviewLink);
   };
 
-  const latestReview =
-    submission?.reviews && submission.reviews.length > 0
-      ? [...submission.reviews].sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())[0]
-      : null;
-
   const handleReopen = async () => {
     try {
       await editPart({
@@ -257,13 +252,11 @@ const PartActionsMenu: React.FC<PartActionsMenuProps> = ({
         onSubmit={onSubmitEditSubmission}
         partsInProject={partsInProject}
       />
-      {latestReview && (
-        <ApprovePartModal
-          open={showApproveSubmission}
-          handleClose={() => setShowApproveSubmission(false)}
-          review={latestReview}
-        />
-      )}
+      <ApprovePartModal
+        open={showApproveSubmission}
+        handleClose={() => setShowApproveSubmission(false)}
+        submission={submission}
+      />
       <DeleteModal />
       {/* for preview image upload button */}
       <input

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/ApprovePartModal.tsx

@@ -2,25 +2,25 @@ import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { Grid, FormControl, FormLabel, FormHelperText } from '@mui/material';
 import * as yup from 'yup';
-import { Review_Status, PartReview } from 'shared';
+import { Review_Status, PartSubmission } from 'shared';
 import { useToast } from '../../../../../../hooks/toasts.hooks';
-import { useEditPartReview } from '../../../../../../hooks/part-review.hooks';
+import { useCreatePartReview } from '../../../../../../hooks/part-review.hooks';
 import NERFormModal from '../../../../../../components/NERFormModal';
 import ReactHookTextField from '../../../../../../components/ReactHookTextField';
 
 interface ApprovePartModalProps {
   open: boolean;
   handleClose: () => void;
-  review: PartReview;
+  submission: PartSubmission;
 }
 
 const schema = yup.object().shape({
   notes: yup.string().optional()
 });
 
-const ApprovePartModal = ({ open, handleClose, review }: ApprovePartModalProps) => {
+const ApprovePartModal = ({ open, handleClose, submission }: ApprovePartModalProps) => {
   const toast = useToast();
-  const { mutateAsync: updateReview } = useEditPartReview();
+  const { mutateAsync: createReview } = useCreatePartReview();
 
   const {
     handleSubmit,
@@ -33,11 +33,11 @@ const ApprovePartModal = ({ open, handleClose, review }: ApprovePartModalProps)
 
   const onFormSubmit = async (data: { notes?: string }) => {
     try {
-      await updateReview({
-        partReviewId: review.partReviewId,
-        notes: data.notes,
+      await createReview({
+        submissionId: submission.partSubmissionId,
         status: Review_Status.APPROVED,
-        fileIds: review.fileIds
+        fileIds: [],
+        notes: data.notes
       });
 
       toast.success('Part Approved!');

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/PartFormModal.tsx

@@ -67,7 +67,7 @@ const PartFormModal = ({ open, handleClose, defaultValues, onSubmit, partsInProj
       handleClose();
       await onSubmit({
         ...data,
-        reviewStatus: Review_Status.IN_PROGRESS,
+        reviewStatus: defaultValues ? defaultValues.status : Review_Status.IN_PROGRESS,
         tagIds,
         assigneeIds,
         reviewerIds