All files / pages AdminCoursesCreatePage.jsx

100% Statements 43/43
100% Branches 6/6
100% Functions 4/4
100% Lines 43/43

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 581x 1x 1x 1x 1x   1x   1x 4x 1x 1x 1x 1x   4x 1x 1x   1x 1x 1x 1x 1x 1x 1x 1x     1x   4x 4x 4x 4x 4x 4x   4x   4x 1x 1x   4x 1x 1x   3x 3x 3x 3x     3x   1x  
import React from "react";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import CoursesForm from "main/components/Courses/CoursesForm";
import { Navigate } from "react-router";
import { toast } from "react-toastify";
 
import { useBackendMutation } from "main/utils/useBackend";
 
const AdminCoursesCreatePage = () => {
  const objectToAxiosParams = (newCourse) => ({
    url: `/api/course`,
    method: "POST",
    data: newCourse,
  });
 
  const onSuccess = (course) => {
    toast(
      <div>
        Course successfully created!
        <br />
        {`id: ${course.id}`}
        <br />
        {`code: ${course.code}`}
        <br />
        {`name: ${course.name}`}
        <br />
        {`term: ${course.term}`}
      </div>,
    );
  };
 
  // Stryker disable all
  const mutation = useBackendMutation(
    objectToAxiosParams,
    { onSuccess },
    // Stryker disable next-line all : hard to set up test for caching
    ["/api/course/all"],
  );
  // Stryker restore all
 
  const submitAction = async (data) => {
    mutation.mutate(data);
  };
 
  if (mutation.isSuccess) {
    return <Navigate to="/admin/listcourses" />;
  }
 
  return (
    <BasicLayout>
      <h2>Create Course</h2>
      <CoursesForm submitAction={submitAction} />
    </BasicLayout>
  );
};
 
export default AdminCoursesCreatePage;