import React, { PureComponent } from 'react';
import Button from '@material-ui/core/Button';
import { withRouter } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { connect } from 'react-redux';
import { questionnarieActions } from '../../../../../redux/questionnarie';
// const styles = theme => ({
// button: {
// margin: theme.spacing.unit,
// },
// leftIcon: {
// marginRight: theme.spacing.unit,
// },
// });
class QuestionnarieActionButtons extends PureComponent {
handleButtonClick = () => {
const {
rowdata: {
id,
clinicianName
},
SetSelectedQuestionnaireId,
history
} = this.props;
const selectedId={
id : id === null ? '' : id,
clinicianName : clinicianName ? clinicianName : ''
}
SetSelectedQuestionnaireId(selectedId);
// window.location.href = `/pro/questionnariedetails`;
const url = `/pro/questionnariedetails`;
history.push(url);
};
render() {
return (
<div>
<Button onClick={this.handleButtonClick}>
<FontAwesomeIcon icon={['fal', 'eye']} />
</Button>
</div>
);
}
}
const mapStateToProps = ({ questionnarieReducer }) => {
return {
SelectedQuestionnaireId: questionnarieReducer.SelectedQuestionnaire
};
};
const mapDispatchToProps = {
SetSelectedQuestionnaireId: questionnarieActions.setSelectedQuestionnaire
}
export default connect(mapStateToProps,mapDispatchToProps)(withRouter(QuestionnarieActionButtons)); |