All files / components/Shift ShiftTable.js

100% Statements 17/17
100% Branches 7/7
100% Functions 6/6
100% Lines 16/16

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 87 88                            42x   42x 2x     42x 1x         42x               42x   42x                                           132x               132x         42x 21x 21x     42x 22x     42x              
import React from "react";
import OurTable, { ButtonColumn } from "main/components/OurTable";
import { Link } from "react-router-dom";
 
import { useBackendMutation } from "main/utils/useBackend";
import { cellToAxiosParamsDelete, onDeleteSuccess } from "main/utils/shiftUtils"
import { useNavigate } from "react-router-dom";
import { hasRole } from "main/utils/currentUser";
 
export default function ShiftTable({
    shift,
    currentUser,
    testIdPrefix = "ShiftTable" }) {
 
    const navigate = useNavigate();
 
    const editCallback = (cell) => {
        navigate(`/shift/edit/${cell.row.values.id}`)
    }
 
    const infoCallback = (cell) => {
        navigate(`/shiftInfo/${cell.row.values.id}`)
    }
 
    // Stryker disable all : hard to test for query caching
 
    const deleteMutation = useBackendMutation(
        cellToAxiosParamsDelete,
        { onSuccess: onDeleteSuccess },
        ["/api/shift/all"]
    );
    // Stryker restore all 
 
    // Stryker disable next-line all : TODO try to make a good test for this
    const deleteCallback = async (cell) => { deleteMutation.mutate(cell); }
 
    const columns = [
        {
            Header: 'id',
            accessor: 'id', // accessor is the "key" in the data
        },
        {
            Header: 'Day',
            accessor: 'day',
        },
        {
            Header: 'Shift start',
            accessor: 'shiftStart',
        },
        {
            Header: 'Shift end',
            accessor: 'shiftEnd',
        },
        {
            Header: 'Driver',
            accessor: 'driverID',
            Cell: ({ value }) => (
                // Stryker disable next-line all : hard to set up test
                <Link to={`/driverInfo/${value}`}>{value}</Link>
              ),
        },
        {
            Header: 'Backup driver',
            accessor: 'driverBackupID',
            Cell: ({ value }) => (
                // Stryker disable next-line all : hard to set up test
                <Link to={`/driverInfo/${value}`}>{value}</Link>
              ),
        }
    ];
 
    if (hasRole(currentUser, "ROLE_ADMIN")) {
        columns.push(ButtonColumn("Edit", "primary", editCallback, testIdPrefix));
        columns.push(ButtonColumn("Delete", "danger", deleteCallback, testIdPrefix));
    }
    
    if (hasRole(currentUser, "ROLE_ADMIN") || hasRole(currentUser, "ROLE_DRIVER")) {
        columns.push(ButtonColumn("Info", "success", infoCallback, testIdPrefix))
    }
 
    return <OurTable
        data={shift}
        columns={columns}
        testid={testIdPrefix}
    />;
};