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
36
37
38
39
40
41
42
43
44
45
 
 
 
 
 
 
67x
14x
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
67x
 
 
 
67x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 enable ArrayDeclaration
 
    
    return (
        <div 
            style={ 
                // Stryker disable next-line all: don't test CSS params
                { overflow: "auto" } 
            }
        >
            <OurTable
                data={memoizedDates}
                columns={memoizedColumns}
                testid={"ProfitsTable"}
            /> 
        </div>
    );
};