All files / pages/MenuItemReview MenuItemReviewCreatePage.jsx

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

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 501x 1x 1x 1x 1x   1x 5x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x   5x 1x 1x   5x 5x 5x   5x     5x   5x 1x 1x   5x 1x 1x   4x 4x 4x 4x 4x       4x  
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import MenuItemReviewForm from "main/components/MenuItemReview/MenuItemReviewForm";
import { Navigate } from "react-router";
import { useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
 
export default function MenuItemReviewCreatePage({ storybook = false }) {
  const objectToAxiosParams = (review) => ({
    url: "/api/menuitemreview/post",
    method: "POST",
    params: {
      itemId: review.itemId,
      reviewerEmail: review.reviewerEmail,
      stars: review.stars,
      dateReviewed: review.dateReviewed,
      comments: review.comments,
    },
  });
 
  const onSuccess = (created) => {
    toast(`New MenuItemReview Created - id: ${created.id}`);
  };
 
  const mutation = useBackendMutation(
    objectToAxiosParams,
    { onSuccess },
 
    ["/api/menuitemreview/all"],
  );
 
  const { isSuccess } = mutation;
 
  const onSubmit = async (data) => {
    mutation.mutate(data);
  };
 
  if (isSuccess && !storybook) {
    return <Navigate to="/menuitemreview" />;
  }
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Create New Menu Item Review</h1>
        <MenuItemReviewForm submitAction={onSubmit} />
      </div>
    </BasicLayout>
  );
}