scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

add modal for report received

Browse source
This commit is contained in:
Eric Rosenbaum 2021-05-14 16:03:22 -04:00
parent 20a342c0a2
commit df30f9bac6
2 changed files with 64 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/views/studio/l10n.json
View file

@ -71,5 +71,7 @@
"studio.reportThisStudio": "Report this studio",
"studio.reportPleaseExplain": "Please explain why you feel this studio is disrespectful or inappropriate, or otherwise breaks the Scratch Community Guidelines.",
"studio.reportAreThereComments": "Are there inappropriate comments in the studio? Please report them by clicking the \"report\" button on the individual comments."
"studio.reportAreThereComments": "Are there inappropriate comments in the studio? Please report them by clicking the \"report\" button on the individual comments.",
"studio.reportThanksForLettingUsKnow": "Thanks for letting us know!",
"studio.reportYourFeedback": "Your feedback will help us make Scratch better."
}

22
src/views/studio/studio-report.jsx
View file

@ -42,6 +42,23 @@ const StudioReport = ({
<button onClick={handleOpen}><FormattedMessage id="general.report" /></button>
)}
{isOpen && (
previouslyReported ? (
<Modal
isOpen
className="studio-report-modal"
onRequestClose={handleClose}
>
<ModalTitle
className="studio-report-title"
/>
<ModalInnerContent
className="studio-report-inner"
>
<h2><FormattedMessage id="studio.reportThanksForLettingUsKnow" /></h2>
<p><FormattedMessage id="studio.reportYourFeedback" /></p>
</ModalInnerContent>
</Modal>
) : (
<Modal
isOpen
className="studio-report-modal"
@ -85,6 +102,7 @@ const StudioReport = ({
</button>
</ModalInnerContent>
</Modal>
)
)}
</div>
);
@ -92,6 +110,7 @@ const StudioReport = ({
StudioReport.propTypes = {
canReport: PropTypes.bool,
description: PropTypes.string,
error: PropTypes.string,
field: PropTypes.string,
intl: intlShape,
@ -102,7 +121,8 @@ StudioReport.propTypes = {
handleClose: PropTypes.func,
handleSetField: PropTypes.func,
handleSubmit: PropTypes.func,
image: PropTypes.string
image: PropTypes.string,
title: PropTypes.string
};
export default connect(