All files / pages/MenuItemReview MenuItemReviewEditPage.jsx

100% Statements 58/58
100% Branches 7/7
100% Functions 4/4
100% Lines 58/58

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 761x 1x 1x 1x 1x   1x 5x   5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x     5x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x   5x 1x 1x   1x   5x 5x 5x 5x 5x     5x   5x 1x 1x   5x 1x 1x   4x 4x 4x 4x 4x 5x 5x 5x 5x           5x  
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { useParams, Navigate } from "react-router";
import MenuItemReviewForm from "main/components/MenuItemReview/MenuItemReviewForm";
import { useBackend, useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
 
export default function MenuItemReviewEditPage({ storybook = false }) {
  const { id } = useParams();
 
  const {
    data: menuItemReview,
    _error,
    _status,
  } = useBackend(
    // Stryker disable next-line all : don't test internal caching of React Query
    [`/api/menuitemreview?id=${id}`],
    {
      // Stryker disable next-line all : GET is default
      method: "GET",
      url: "/api/menuitemreview",
      params: { id },
    },
  );
 
  const objectToAxiosPutParams = (mir) => ({
    url: "/api/menuitemreview",
    method: "PUT",
    params: { id: mir.id },
    data: {
      itemId: mir.itemId,
      reviewerEmail: mir.reviewerEmail,
      stars: mir.stars,
      dateReviewed: mir.dateReviewed,
      comments: mir.comments,
    },
  });
 
  const onSuccess = (mir) => {
    toast(
      `MenuItemReview Updated - id: ${mir.id} itemId: ${mir.itemId} stars: ${mir.stars}`,
    );
  };
 
  const mutation = useBackendMutation(
    objectToAxiosPutParams,
    { onSuccess },
    // Stryker disable next-line all : hard to set up test for caching
    [`/api/menuitemreview?id=${id}`],
  );
 
  const { isSuccess } = mutation;
 
  const onSubmit = async (data) => {
    mutation.mutate(data);
  };
 
  if (isSuccess && !storybook) {
    return <Navigate to="/menuitemreview" />;
  }
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Edit Menu Item Review</h1>
        {menuItemReview && (
          <MenuItemReviewForm
            initialContents={menuItemReview}
            submitAction={onSubmit}
            buttonLabel="Update"
          />
        )}
      </div>
    </BasicLayout>
  );
}