All files / components/Reports ReportLineTable.js

100% Statements 14/14
100% Branches 0/0
100% Functions 11/11
100% Lines 14/14

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 89 90 91 92 93 94 95 96        11x         11x         12x               12x               8x     12x               12x               12x               12x               12x               12x               12x           11x   11x            
import OurTable from "main/components/OurTable";
 
// should take in a players list from a commons
export default function ReportLineTable({ reportLines }) {
    const USD = new Intl.NumberFormat("en-US", {
        style: "currency",
        currency: "USD"
    });
    
    const columns = [
        {
            Header: 'userId',
            accessor: 'userId', 
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  },
        },
        {
            Header: 'Username',
            accessor: 'username',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  },
        },
        {
            Header: 'Total Wealth',
            id: 'totalWealth',
            accessor: (row, _rowIndex) => {
                return USD.format(row.totalWealth);
            },
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  },
        },
        {
            Header: 'Num Cows',
            accessor: 'numOfCows',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
        {
            Header: 'Avg Cow Health',
            accessor: 'avgCowHealth',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
        {
            Header: 'Cows Bought',
            accessor: 'cowsBought',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
        {
            Header: 'Cows Sold',
            accessor: 'cowsSold',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
        {
            Header: 'Cow Deaths',
            accessor: 'cowDeaths',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
        {
            Header: 'Create Date',
            accessor: 'createDate',
            Cell: (props) => {
                return (
                  <div style={{textAlign: "right"}}>{props.value}</div>)
                  }, 
        },
    ];
 
    const testid = "ReportLineTable";
 
    return <OurTable
        data={reportLines}
        columns={columns}
        testid={testid}
    />;
 
};