All files / pages/RequestType RequestTypeCreatePage.jsx

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

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 4x 1x 1x 1x 1x 1x 1x 1x   4x 1x 1x   1x   4x 4x 4x 4x 4x     4x   4x 1x 1x   4x 1x 1x   3x 3x 3x 3x   3x       3x  
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import RequestTypeForm from "main/components/RequestType/RequestTypeForm";
import { Navigate } from "react-router";
import { useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
 
export default function RequestTypeCreatePage({ storybook = false }) {
  const objectToAxiosParams = (requestTypes) => ({
    url: "/api/requesttypes/post",
    method: "POST",
    params: {
      id: requestTypes.id,
      requestType: requestTypes.requestType,
    },
  });
 
  const onSuccess = (requestTypes) => {
    toast(
      `New requestType Created - id: ${requestTypes.id} request type: ${requestTypes.requestType}`,
    );
  };
 
  const mutation = useBackendMutation(
    objectToAxiosParams,
    { onSuccess },
    // Stryker disable next-line all : hard to set up test for caching
    ["/api/requesttypes/all"],
  );
 
  const { isSuccess } = mutation;
 
  const onSubmit = async (data) => {
    mutation.mutate(data);
  };
 
  if (isSuccess && !storybook) {
    return <Navigate to="/requesttypes/all" />;
  }
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Create New RequestType</h1>
 
        <RequestTypeForm submitAction={onSubmit} />
      </div>
    </BasicLayout>
  );
}