@diagramers/admin
Version:
Diagramers Admin Template - React starter for admin dashboards.
27 lines (24 loc) • 928 B
JavaScript
import React from 'react';
import { Button, OverlayTrigger, Tooltip } from 'react-bootstrap';
import CsLineIcons from 'cs-line-icons/CsLineIcons';
const ControlsDelete = ({ tableInstance, deleteItems }) => {
const { selectedFlatRows } = tableInstance;
const onClick = () => {
deleteItems({ ids: selectedFlatRows.map((x) => x.original.id) });
};
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;