1 import React from 'react';
2 import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js';
3 import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger.js';
4 import Tooltip from 'react-bootstrap/lib/Tooltip.js';
6 function tooltip (msg) {
8 <Tooltip className='select-action-table-error-tooltip' id='error-tooltip'>{msg}</Tooltip>
12 const IconWithOverlay = ({overlayMsg}) => (
13 <OverlayTrigger placement='bottom' overlay={tooltip(overlayMsg)}>
14 <SVGIcon name='errorCircle' color='negative'/>
18 function renderErrorOrCheck({hasError, overlayMsg}) {
19 if (hasError === undefined) {
20 return <SVGIcon name='angleRight' className='dummy-icon' />;
24 return overlayMsg ? <IconWithOverlay overlayMsg={overlayMsg}/> : <SVGIcon color='negative' name='errorCircle'/>;
27 return <SVGIcon name='checkCircle' color='positive'/>;
30 const SelectActionTableRow = ({children, actionIcon, onAction, showAction, hasError, hasErrorIndication, overlayMsg}) => (
31 <div className='select-action-table-row-wrapper'>
32 <div className={`select-action-table-row ${hasError ? 'has-error' : ''}`}>
35 {onAction && <SVGIcon color='secondary' name={actionIcon} data-test-id={`select-action-table-${actionIcon}`} onClick={onAction} iconClassName={(showAction) ? '' : 'hideDelete'}/>}
36 {hasErrorIndication && renderErrorOrCheck({hasError, overlayMsg})}
40 export default SelectActionTableRow;