adding button wrapper for icon (gregnb#970)

* adding button wrapper for icon * changing button ot IconButton, disable button form HeaderCell
lalong13 · Jan 15, 2020 · b99ca0f · b99ca0f
1 parent ad918ad
commit b99ca0f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/TableSelectCell.js b/src/components/TableSelectCell.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Checkbox from '@material-ui/core/Checkbox';
 import TableCell from '@material-ui/core/TableCell';
+import IconButton from '@material-ui/core/IconButton';
 import { withStyles } from '@material-ui/core/styles';
 import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
 
@@ -107,7 +108,7 @@ class TableSelectCell extends React.Component {
     return (
       <TableCell className={cellClass} padding="checkbox">
         <div style={{ display: 'flex', alignItems: 'center' }}>
-          {expandableOn && <KeyboardArrowRight id="expandable-button" className={iconClass} onClick={onExpand} />}
+          {expandableOn && <IconButton onClick={onExpand} disabled={isHeaderCell} ><KeyboardArrowRight id="expandable-button" className={iconClass} /></IconButton>}
           {selectableOn !== 'none' && renderCheckBox()}
         </div>
       </TableCell>