import React from 'react';
import PropTypes from 'prop-types';

export const BadWorkAlertButton = ({ showBadArticleAlert }) => (
  <a
    className="button danger small pull-right article-viewer-button"
    onClick={showBadArticleAlert}
  >
    Report Unsatisfactory Work
  </a>
);

BadWorkAlertButton.propTypes = {
  showBadArticleAlert: PropTypes.func.isRequired
};

export default BadWorkAlertButton;

import React from 'react';
import PropTypes from 'prop-types';

export const BadWorkAlertButton = ({ showBadArticleAlert }) => (
  <a
    className="button small pull-right article-viewer-button"
    onClick={showBadArticleAlert}
  >
    Quality Problems?
  </a>
);

BadWorkAlertButton.propTypes = {
  showBadArticleAlert: PropTypes.func.isRequired
};

export default BadWorkAlertButton;

Change label for BadWorkAlert button
Change label for BadWorkAlert button

Instructors may be wary of clicking the danger-styled button because they don't know what it will do. This will hopefully make it more inviting for instructors to click to see the 'open' mode and learn about whether or not to submit an alert.
