All files / components SectionsInstructorTableBase.js

100% Statements 7/7
100% Branches 7/7
100% Functions 5/5
100% Lines 7/7

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                          14x                 14x       14x   132x                       38x 38x       380x                                                                    
import React from "react";
import { useTable, useGroupBy, useExpanded } from "react-table";
import { Table } from "react-bootstrap";
import { isSection } from "main/utils/sectionUtils.js";
 
// Stryker disable StringLiteral, ArrayDeclaration
export default function SectionsInstructorTableBase({
  columns,
  data,
  testid = "testid",
}) {
  // Stryker disable next-line ObjectLiteral
  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
    useTable(
      {
        columns,
        data,
      },
      useGroupBy,
      useExpanded,
    );
 
  return (
    <Table {...getTableProps()} striped bordered hover>
      <thead>
        {headerGroups.map((headerGroup) => (
          <tr {...headerGroup.getHeaderGroupProps()}>
            {headerGroup.headers.map((column) => (
              <th
                {...column.getHeaderProps()}
                data-testid={`${testid}-header-${column.id}`}
              >
                {column.render("Header")}
              </th>
            ))}
          </tr>
        ))}
      </thead>
      <tbody {...getTableBodyProps()}>
        {rows.map((row) => {
          prepareRow(row);
          return (
            <>
              <tr {...row.getRowProps()}>
                {row.cells.map((cell, _index) => {
                  return (
                    <td
                      {...cell.getCellProps()}
                      data-testid={`${testid}-cell-row-${cell.row.index}-col-${cell.column.id}`}
                      // Stryker disable next-line ObjectLiteral
                      style={{
                        background: isSection(
                          data[cell.row.index].section.section,
                        )
                          ? "#9dbfbe"
                          : "#34859b",
                        color: isSection(data[cell.row.index].section.section)
                          ? "#000000"
                          : "#effcf4",
                        fontWeight: isSection(
                          data[cell.row.index].section.section,
                        )
                          ? "normal"
                          : "bold",
                      }}
                    >
                      {cell.render("Cell")}
                      <></>
                    </td>
                  );
                })}
              </tr>
            </>
          );
        })}
      </tbody>
    </Table>
  );
}