All files / src/components/DatatableCore/Header HeaderActionsCell.js

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

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            7x 7x                           6x 5x         6x            
import React, { Component } from "react";
import { connect } from "react-redux";
import { columnPropType, isScrollingPropType } from "../../../proptypes";
 
export class HeaderActionsCell extends Component {
  render() {
    const { column, isScrolling } = this.props;
    return (
      <div
        className={
          isScrolling
            ? "Table-Header-Cell action scrolling-shadow"
            : "Table-Header-Cell action"
        }
      >
        <div style={{ width: column.colSize }}>Actions</div>
      </div>
    );
  }
}
 
const mapStateToProps = state => {
  return {
    isScrolling: state.datatableReducer.dimensions.isScrolling
  };
};
 
HeaderActionsCell.propTypes = {
  column: columnPropType.isRequired,
  isScrolling: isScrollingPropType
};
 
export default connect(mapStateToProps)(HeaderActionsCell);