MetaPhase-Consulting/State-TalentMAP

import { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { toggleFeedback } from '../../actions/showFeedback';
import { EMPTY_FUNCTION } from '../../Constants/PropTypes';
import FeedbackButton from '../../Components/FeedbackButton';

class FeedbackButtonContainer extends Component {
  toggleVisibility = () => {
    const { shouldShowFeedback, toggleFeedbackVisibility } = this.props;
    toggleFeedbackVisibility(!shouldShowFeedback);
  };

  render() {
    return (
      <FeedbackButton
        toggleVisibility={this.toggleVisibility}
      />
    );
  }
}

FeedbackButtonContainer.propTypes = {
  shouldShowFeedback: PropTypes.bool.isRequired,
  toggleFeedbackVisibility: PropTypes.func.isRequired,
};

FeedbackButtonContainer.defaultProps = {
  shouldShowFeedback: false,
  toggleFeedbackVisibility: EMPTY_FUNCTION,
};

const mapStateToProps = state => ({
  shouldShowFeedback: state.shouldShowFeedback,
});

export const mapDispatchToProps = dispatch => ({
  toggleFeedbackVisibility: shouldDisplay => dispatch(toggleFeedback(shouldDisplay)),
});

export default connect(mapStateToProps, mapDispatchToProps)(FeedbackButtonContainer);