Fix internationalization

src/l10n.json

@@ -202,5 +202,14 @@
     "report.tooShortError": "That's too short. Please describe in detail what's inappropriate or disrespectful about the project.",
     "report.send": "Send",
     "report.sending": "Sending...",
-    "report.textMissing": "Please tell us why you are reporting this project"
+    "report.textMissing": "Please tell us why you are reporting this project",
+
+    "comments.report": "Report",
+    "comments.delete": "Delete",
+    "comments.reportModal.title": "Report Comment",
+    "comments.reportModal.reported": "The comment has been reported, and the Scratch Team has been notified.",
+    "comments.reportModal.prompt": "Are you sure you want to report this comment?",
+    "comments.deleteModal.title": "Delete Comment",
+    "comments.deleteModal.body": "Delete this comment? If the comment is mean or disrespectful, please click Report instead to let the Scratch Team know about it.",
+    "comments.reply": "reply"
 }

src/views/preview/comment/comment.jsx

@@ -6,6 +6,7 @@ const classNames = require('classnames');
 const FlexRow = require('../../../components/flex-row/flex-row.jsx');
 const Avatar = require('../../../components/avatar/avatar.jsx');
 const FormattedRelative = require('react-intl').FormattedRelative;
+const FormattedMessage = require('react-intl').FormattedMessage;
 const ComposeComment = require('./compose-comment.jsx');
 const DeleteCommentModal = require('../../../components/modal/comments/delete-comment.jsx');
 const ReportCommentModal = require('../../../components/modal/comments/report-comment.jsx');
@@ -109,14 +110,14 @@ class Comment extends React.Component {
                                     className="comment-delete"
                                     onClick={this.handleDelete}
                                 >
-                                    Delete {/* TODO internationalize */}
+                                    <FormattedMessage id="comments.delete" />
                                 </span>
                             ) : null}
                             <span
                                 className="comment-report"
                                 onClick={this.handleReport}
                             >
-                                Report {/* TODO internationalize */}
+                                <FormattedMessage id="comments.report" />
                             </span>
                         </div>
                     </FlexRow>
@@ -142,11 +143,12 @@ class Comment extends React.Component {
                                     className="comment-reply"
                                     onClick={this.handleToggleReplying}
                                 >
-                                    reply
+                                    <FormattedMessage id="comments.reply" />
                                 </span>
                             ) : null}
                         </FlexRow>
                     </div>
+
                     {this.state.replying ? (
                         <FlexRow className="comment-reply-row">
                             <ComposeComment

src/views/preview/l10n.json

@@ -6,13 +6,5 @@
     "preview.penExtensionChip": "Pen",
     "preview.speechExtensionChip": "Google Speech",
     "preview.translateExtensionChip": "Google Translate",
-    "preview.videoMotionChip": "Video Motion",
-
-    "comments.report": "Report",
-    "comments.delete": "Delete",
-    "comments.reportModal.title": "Report Comment",
-    "comments.reportModal.reported": "The comment has been reported, and the Scratch Team has been notified.",
-    "comments.reportModal.prompt": "Are you sure you want to report this comment?",
-    "comments.deleteModal.title": "Delete Comment",
-    "comments.deleteModal.body": "Delete this comment? If the comment is mean or disrespectful, please click Report instead to let the Scratch Team know about it."
+    "preview.videoMotionChip": "Video Motion"
 }