@diagramers/admin
Version:
Diagramers Admin Template - React starter for admin dashboards.
32 lines (29 loc) • 978 B
JavaScript
import React from 'react';
import { Button, OverlayTrigger, Tooltip } from 'react-bootstrap';
import CsLineIcons from 'cs-line-icons/CsLineIcons';
const ControlsDelete = ({ tableInstance }) => {
const {
selectedFlatRows,
data,
setData,
state: { selectedRowIds },
} = tableInstance;
const onClick = () => {
setData(data.filter((x, index) => selectedRowIds[index] !== true));
};
if (selectedFlatRows.length === 0) {
return (
<Button variant="foreground-alternate" className="btn-icon btn-icon-only shadow delete-datatable" disabled>
<CsLineIcons icon="bin" />
</Button>
);
}
return (
<OverlayTrigger placement="top" overlay={<Tooltip id="tooltip-top-delete">Delete</Tooltip>}>
<Button onClick={onClick} variant="foreground-alternate" className="btn-icon btn-icon-only shadow delete-datatable">
<CsLineIcons icon="bin" />
</Button>
</OverlayTrigger>
);
};
export default ControlsDelete;