All files / components/Reports ReportHeaderTable.jsx

100% Statements 64/64
100% Branches 8/8
100% Functions 8/8
100% Lines 64/64

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 701x 1x   1x 1x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x     7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x   7x   7x 7x  
import OurTable from "main/components/OurTable";
import { formatter } from "./ReportLineTable";
 
// should take in a players list from a commons
export default function ReportHeaderTable({ report }) {
  const columns = [
    {
      Header: "Cow Price",
      accessor: "cowPrice",
      Cell: (props) => {
        return <div style={{ textAlign: "right" }}>{props.value}</div>;
      },
    },
    {
      Header: "Milk Price",
      accessor: "milkPrice",
      Cell: (props) => {
        return <div style={{ textAlign: "right" }}>{props.value}</div>;
      },
    },
    {
      Header: "Start Bal",
      accessor: "startingBalance",
      Cell: (props) => {
        return (
          <div style={{ textAlign: "right" }}>
            {formatter.format(props.value)}
          </div>
        );
      },
    },
    {
      Header: "Start Date",
      id: "startingDate",
      accessor: (row, _rowIndex) => String(row.startingDate).substring(0, 10),
    },
    {
      Header: "Leaderboard",
      id: "showLeaderboard",
      accessor: (row, _rowIndex) => String(row.showLeaderboard), // hack needed for boolean values to show up
    },
    {
      Header: "Capacity",
      accessor: "carryingCapacity",
      Cell: (props) => {
        return <div style={{ textAlign: "right" }}>{props.value}</div>;
      },
    },
    {
      Header: "Degrad Rate",
      accessor: "degradationRate",
      Cell: (props) => {
        return <div style={{ textAlign: "right" }}>{props.value}</div>;
      },
    },
    {
      Header: "BelowCap",
      accessor: "belowCapacityHealthUpdateStrategy",
    },
    {
      Header: "AboveCap",
      accessor: "aboveCapacityHealthUpdateStrategy",
    },
  ];
 
  const testid = "ReportHeaderTable";
 
  return <OurTable data={[report]} columns={columns} testid={testid} />;
}