All files / components/Restaurants RestaurantTable.js

100% Statements 19/19
100% Branches 7/7
100% Functions 6/6
100% Lines 19/19

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 77 78 79 80 81 82 83 84 85 86                            32x 1x 1x     32x 1x                   32x             32x 1x     32x   32x 1x     32x 1x     32x                                     32x 25x 25x 10x             32x          
import React from "react";
import OurTable, {ButtonColumn} from "main/components/OurTable";
import {useNavigate} from "react-router-dom";
import {useBackendMutation} from "../../utils/useBackend";
import {hasRole} from "../../utils/currentUser";
import {toast} from "react-toastify";
 
export default function RestaurantTable({
  restaurants,
  showButtons = true,
  testIdPrefix = "RestaurantTable",
  currentUser = null
}) {
 
  const onDeleteSuccess = message => {
    console.log(message);
    toast(message);
  };
 
  const objectToAxiosParams = function (cell) {
    return {
      url: "/api/restaurants",
      method: "DELETE",
      params: {
        id: cell.row.values.id
      }
    };
  };
 
  // Stryker disable all : hard to test for query caching
  const deleteMutation = useBackendMutation(
    objectToAxiosParams,
    {onSuccess: onDeleteSuccess},
    ["/api/restaurants/all"]
  );
  // Stryker enable all
 
  const deleteCallback = async (cell) => {
    deleteMutation.mutate(cell);
  };
 
  const navigate = useNavigate();
 
  const editCallback = (cell) => {
    navigate(`/restaurants/edit/${cell.row.values.id}`);
  };
 
  const detailsCallback = (cell) => {
    navigate(`/restaurants/details/${cell.row.values.id}`);
  };
 
  const columns = [
    {
      Header: 'id',
      accessor: 'id',
    },
    {
      Header: 'Name',
      accessor: 'name',
    },
    {
      Header: 'Description',
      accessor: 'description',
    },
    {
      Header: 'Address',
      accessor: 'address',
    }
  ];
 
  if (showButtons) {
    columns.push(ButtonColumn("Details", "primary", detailsCallback, testIdPrefix));
    if (hasRole(currentUser, "ROLE_ADMIN")) {
      columns.push(
        ButtonColumn("Edit", "primary", editCallback, testIdPrefix),
        ButtonColumn("Delete", "danger", deleteCallback, testIdPrefix),
      );
    }
  }
 
  return <OurTable
    data={restaurants}
    columns={columns}
    testid={testIdPrefix}
  />;
};