All files / pages/HelpRequests HelpRequestsEditPage.jsx

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

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 771x 1x 1x 1x 1x   1x 6x   6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x 6x     6x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x   6x 2x 2x   2x   6x 6x 6x 6x 6x     6x   6x 2x 2x   6x 2x 2x   4x 4x 4x 4x 4x 6x 6x 6x 6x           6x  
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { useParams, Navigate } from "react-router";
import HelpRequestForm from "main/components/HelpRequest/HelpRequestForm";
import { useBackend, useBackendMutation } from "main/utils/useBackend";
import { toast } from "react-toastify";
 
export default function HelpRequestsEditPage({ storybook = false }) {
  const { id } = useParams();
 
  const {
    data: helpRequest,
    error: _error,
    status: _status,
  } = useBackend(
    // Stryker disable next-line all : don't test internal caching of React Query
    ["/api/helprequests?id=" + id],
    {
      // Stryker disable next-line all : GET is default, so mutating to "" doesn't change behavior
      method: "GET",
      url: "/api/helprequests",
      params: { id },
    },
  );
 
  const objectToAxiosPutParams = (hr) => ({
    url: "/api/helprequests",
    method: "PUT",
    params: { id: hr.id },
    data: {
      requesterEmail: hr.requesterEmail,
      teamId: hr.teamId,
      tableOrBreakoutRoom: hr.tableOrBreakoutRoom,
      requestTime: hr.requestTime,
      explanation: hr.explanation,
      solved: hr.solved,
    },
  });
 
  const onSuccess = (hr) => {
    toast(
      `HelpRequest Updated - id: ${hr.id} requesterEmail: ${hr.requesterEmail}`,
    );
  };
 
  const mutation = useBackendMutation(
    objectToAxiosPutParams,
    { onSuccess },
    // Stryker disable next-line all : PUT should invalidate specific request cache
    ["/api/helprequests?id=" + id],
  );
 
  const { isSuccess } = mutation;
 
  const onSubmit = async (data) => {
    mutation.mutate(data);
  };
 
  if (isSuccess && !storybook) {
    return <Navigate to="/help-requests" />;
  }
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Edit Help Request</h1>
        {helpRequest && (
          <HelpRequestForm
            submitAction={onSubmit}
            buttonLabel="Update"
            initialContents={helpRequest}
          />
        )}
      </div>
    </BasicLayout>
  );
}