diff --git a/src/components/browser-modal/browser-modal.jsx b/src/components/browser-modal/browser-modal.jsx
index 94a9d8545..772ba6575 100644
--- a/src/components/browser-modal/browser-modal.jsx
+++ b/src/components/browser-modal/browser-modal.jsx
@@ -43,18 +43,34 @@ const BrowserModal = ({intl, ...props}) => (
className={styles.backButton}
onClick={props.onBack}
>
- Back
+
diff --git a/src/components/crash-message/crash-message.jsx b/src/components/crash-message/crash-message.jsx
index d5fc45d16..8ea444739 100644
--- a/src/components/crash-message/crash-message.jsx
+++ b/src/components/crash-message/crash-message.jsx
@@ -1,3 +1,9 @@
+/* eslint-disable react/jsx-no-literals */
+/*
+ @todo Rule is disabled because this component is rendered outside the
+ intl provider right now so cannot be translated.
+*/
+
import PropTypes from 'prop-types';
import React from 'react';
import Box from '../box/box.jsx';
diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx
index 7e098b65f..d5a4b9fa1 100644
--- a/src/components/menu-bar/menu-bar.jsx
+++ b/src/components/menu-bar/menu-bar.jsx
@@ -123,20 +123,43 @@ const MenuBar = props => (
})}
onMouseUp={props.onClickFile}
>
- File
+
+
+
-
+
-
+
-
+
@@ -145,7 +168,11 @@ const MenuBar = props => (
onClick={loadProject}
{...loadProps}
>
- Upload from your computer
+
{renderFileInput()}
)}
@@ -154,7 +181,11 @@ const MenuBar = props => (
onClick={saveProject}
{...saveProps}
>
- Download to your computer
+
)}
@@ -166,20 +197,44 @@ const MenuBar = props => (
})}
onMouseUp={props.onClickEdit}
>
- Edit
+
+
+
-
+
-
+
-
+
@@ -262,7 +317,9 @@ const MenuBar = props => (
className={styles.profileIcon}
src={profileIcon}
/>
- scratch-cat
+
+ {'scratch-cat' /* @todo username */}
+
(
className={styles.cancelButton}
onClick={props.onCancel}
>
- Cancel
+
diff --git a/src/components/question/question.jsx b/src/components/question/question.jsx
index 11927bf96..2e8b9c9a5 100644
--- a/src/components/question/question.jsx
+++ b/src/components/question/question.jsx
@@ -28,7 +28,7 @@ const QuestionComponent = props => {
className={styles.questionSubmitButton}
onClick={onClick}
>
- ✔︎
+ {'✔︎' /* @todo should this be an image? */}
diff --git a/src/components/record-modal/playback-step.jsx b/src/components/record-modal/playback-step.jsx
index c233a3277..40167172d 100644
--- a/src/components/record-modal/playback-step.jsx
+++ b/src/components/record-modal/playback-step.jsx
@@ -31,6 +31,11 @@ const messages = defineMessages({
defaultMessage: 'Save',
description: 'Loading/Save button in recording playback',
id: 'gui.playbackStep.saveMsg'
+ },
+ reRecordMsg: {
+ defaultMessage: 'Re-record',
+ description: 'Button to re-record sound in recording playback',
+ id: 'gui.playbackStep.reRecordMsg'
}
});
@@ -88,7 +93,8 @@ const PlaybackStep = props => (
Re-record
+ />
+ {props.intl.formatMessage(messages.reRecordMsg)}