All files / components/Jobs JobsTable.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
 
 
 
 
 
2x
 
2x
 
 
 
 
6x
6x
 
 
 
 
6x
 
 
2x
2x
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
import React from "react";
import OurTable, {PlaintextColumn, DateColumn} from "main/components/OurTable";
 
export default function JobsTable({ jobs }) {
 
    const testid = "JobsTable";
 
    const columns = [
        {
            Header: 'id',
            accessor: 'id', // accessor is the "key" in the data
        },
        DateColumn('Created', (cell)=>cell.row.original.createdAt),
        DateColumn('Updated', (cell)=>cell.row.original.updatedAt),
        {
            Header:'Status',
            accessor: 'status'
        },
        PlaintextColumn('Log', (cell)=>cell.row.original.log),
    ];
    
    const sortees = React.useMemo(
        () => [
          {
            id: "id",
            desc: true
          }
        ],
       // Stryker disable next-line all
        []
      );
 
    return <OurTable
        data={jobs}
        columns={columns}
        testid={testid}
        initialState={{ sortBy: sortees }}
    />;
};