All files / components/Commons ProfitsTable.js

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
 
 
 
 
 
 
32x
9x
 
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32x
 
 
32x
 
 
 
 
 
import React from "react";
import OurTable from "main/components/OurTable";
 
export default function ProfitsTable({ profits }) {
    
    // Stryker disable ArrayDeclaration : [columns] and [students] are performance optimization; mutation preserves correctness
    const memoizedColumns = React.useMemo(() => 
        [
            {
                Header: "Amount",
                accessor: (row) => `$${row.amount.toFixed(2)}`,
            },
            {
                Header: "Date",
                accessor: "date",
            },
            {
                Header: "CowHealth",
                accessor: "avgCowHealth",
            },
            {
                Header: "NumCows",
                accessor: "numCows",
            },
        ], 
    []);
    const memoizedDates = React.useMemo(() => profits, [profits]);
    // Stryker restore ArrayDeclaration
 
    return (
        <div style={{ overflowX: "auto" }}  data-testid="profits-table">
          <OurTable data={memoizedDates} columns={memoizedColumns} testid={"ProfitsTable"} />
        </div>
      );
};