add modal for report received

src/views/studio/l10n.json

@@ -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."
 }

src/views/studio/studio-report.jsx

@@ -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(