viam-compliance-deposit-ui/src/core/utils/Table/header.js

A React component for deposit sar alerts.

/* eslint-disable react/no-array-index-key */
import React from 'react';
import Sort from './sort';

const head = ({ data, widthArr, sortInfo, hiddeColumns = [] }) => {
  return (
    <thead className="via-table__head via-table__head--hide">
      <tr>
        {data.map((item, i) => {
          const style = {};

          const hiddenColumnsSet = new Set(hiddeColumns);
          if (hiddenColumnsSet.has(i)) {
            style.display = 'none';
          }

          style.width = `${widthArr[i]}%`;

          return item.sort ? (
            <Sort
              title={item.sort.title}
              id={item.sort.id}
              sortData={item.sort.sortData}
              style={style}
              headThClass="via-table__head-th"
              key={i}
              sortInfo={sortInfo}
            />
          ) : (
            <th className="via-table__head-th" key={i} style={style}>
              {item.title}
            </th>
          );
        })}
      </tr>
    </thead>
  );
};

export default head;