test-lib-audits/src/components/Table/index.js

React library for audits

import React, { Component } from "react";
import Header from "../Header";
import Search from "../Search";
import TableContent from "../TableContent";
import "./style.css";

export class Table extends Component {
  state = {
    rowsData: [],
    headerProps: []
  };

  componentDidMount() {
    const { headerProps, rowsData } = this.props;
    this.setState({ rowsData, headerProps });
  }

  static getDerivedStateFromProps(props, state) {
    const { headerProps, rowsData } = props;
    return {
      rowsData,
      headerProps
    };
  }

  render() {
    const { rowsData, headerProps } = this.state;
    const {
      isLoading,
      textSearch,
      filterData,
      filters,
      removeFilter,
      sortBy,
      sortDirection,
      handleSorting,
      exportCSV,
      exportPDF,
      deleteAudits
    } = this.props;
    return (
      <div className="container">
        <Header
          updateStatus="Last updated 4 minutes ago"
          days="25"
          daysLine="Total Today"
          weeks="6"
          weekLine="Severe This Week"
        />
        <Search
          textSearch={textSearch}
          filters={filters}
          removeFilter={removeFilter}
          exportCSV={exportCSV}
          exportPDF={exportPDF}
          deleteAudits={deleteAudits}
          filterData={filterData}
        />
        <TableContent
          rowsData={rowsData}
          headerProps={headerProps}
          isLoading={isLoading}
          filterData={filterData}
          sortDirection={sortDirection}
          sortBy={sortBy}
          handleSorting={handleSorting}
        />
      </div>
    );
  }
}