import React from 'react';
import { Grid, Tooltip } from '@material-ui/core';
import Button from '@material-ui/core/Button';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import i18next from '../../../../common/i18next';
class AssignPro extends React.Component {
render() {
const { onclickAssignPro, index, checkItems, rowdata } = this.props;
const isDisableProBtnForPro = rowdata.is_pro_assigned ? true : false;
const isDisableProBtnForEmail = !rowdata.EmailId ? true : false;
let tooltipMsg = '';
if (isDisableProBtnForEmail) {
tooltipMsg = i18next.t('patientBrowser.tooltipMsg.assignProBtnDisabledForEmail');
}
else if (isDisableProBtnForPro) {
tooltipMsg = i18next.t('patientBrowser.tooltipMsg.assignProBtnDisabledForPro');
}
return (
<Grid item>
<Tooltip title={tooltipMsg}>
<span>
<Button color='default' variant='outlined' className='asign-bulk_button' onClick={(event) => onclickAssignPro(event, index)} disabled={isDisableProBtnForEmail || isDisableProBtnForPro}>
<FontAwesomeIcon icon={['fal', 'plus']} className='icon-plus' />
{i18next.t('patientBrowser.buttons.assignpro')}
</Button>
</span>
</Tooltip>
</Grid>
);
}
}
export default AssignPro;
|