diff --git a/packages/lib-classifier/src/components/Classifier/components/Feedback/FeedbackModal.js b/packages/lib-classifier/src/components/Classifier/components/Feedback/FeedbackModal.js new file mode 100644 index 0000000000..7f28a35a09 --- /dev/null +++ b/packages/lib-classifier/src/components/Classifier/components/Feedback/FeedbackModal.js @@ -0,0 +1,78 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { inject, observer } from 'mobx-react' +import { Button, Box } from 'grommet' +import { Modal } from '@zooniverse/react-components' +import counterpart from 'counterpart' +import en from './locales/en' + +import SubjectViewer from '../SubjectViewer' + +counterpart.registerTranslations('en', en) + +function storeMapper (stores) { + const { + hideFeedback, + hideSubjectViewer, + messages, + showModal + } = stores.classifierStore.feedback + return { + hideFeedback, + hideSubjectViewer, + messages, + showModal + } +} + +@inject(storeMapper) +@observer +class FeedbackModal extends React.Component { + render () { + const label = counterpart('FeedbackModal.label') + const { hideFeedback, hideSubjectViewer, messages, showModal } = this.props + + if (showModal) { + return ( + + <> + + {!hideSubjectViewer && } +
    + {messages.map(message => +
  • + {message} +
  • + )} +
+
+ +