All files / pages/Requests RecommendationRequestEditPage.jsx

100% Statements 65/65
100% Branches 8/8
100% Functions 4/4
100% Lines 65/65

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 821x 1x 1x 1x 1x 1x   1x 10x   10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x     10x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x   10x 1x 1x   10x 10x 10x 10x 10x     10x   10x 1x 1x   10x 3x 3x   7x 7x 7x 7x 7x 10x 10x 10x 10x 10x 10x 10x 10x           10x  
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { useParams } from "react-router";
import RecommendationRequestForm from "main/components/RecommendationRequest/RecommendationRequestForm";
import { Navigate } from "react-router";
import { useBackend, useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
 
export default function RecommendationRequestEditPage({ storybook = false }) {
  let { id } = useParams();
 
  const {
    data: recommendationRequest,
    _error,
    _status,
  } = useBackend(
    // Stryker disable next-line all : don't test internal caching of React Query
    [`/api/recommendationrequest?id=${id}`],
    {
      // Stryker disable next-line all : GET is the default, so mutating this to "" doesn't introduce a bug
      method: "GET",
      url: `/api/recommendationrequest`,
      params: {
        id,
      },
    },
  );
 
  const objectToAxiosPutParams = (recommendationRequest) => ({
    url: "/api/recommendationrequest",
    method: "PUT",
    params: {
      id: recommendationRequest.id,
    },
    data: {
      professorId: recommendationRequest.professor_id,
      recommendationType: recommendationRequest.recommendationType,
      details: recommendationRequest.details,
      dueDate: recommendationRequest.dueDate,
    },
  });
 
  const onSuccess = (recommendationRequest) => {
    toast(`Recommendation Request Updated - id: ${recommendationRequest.id}`);
  };
 
  const mutation = useBackendMutation(
    objectToAxiosPutParams,
    { onSuccess },
    // Stryker disable next-line all : hard to set up test for caching
    [`/api/recommendationrequest?id=${id}`],
  );
 
  const { isSuccess } = mutation;
 
  const onSubmit = async (data) => {
    mutation.mutate(data);
  };
 
  if (isSuccess && !storybook) {
    return <Navigate to="/profile" />;
  }
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Edit Recommendation Request</h1>
        {recommendationRequest && (
          <RecommendationRequestForm
            submitAction={onSubmit}
            buttonLabel={"Update"}
            initialContents={{
              ...recommendationRequest,
              professor_id: recommendationRequest.professor?.id,
              dueDate: recommendationRequest.dueDate.substring(0, 10),
            }}
          />
        )}
      </div>
    </BasicLayout>
  );
}