Merge pull request #4521 from mananjadhav/fix/edit-button-i18n

Added translation for edit button text
Expensify · Aug 10, 2021 · 002dc8a · 002dc8a
2 parents 808a307 + d7fcce8
commit 002dc8a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/languages/en.js b/src/languages/en.js
@@ -14,6 +14,7 @@ export default {
         add: 'Add',
         resend: 'Resend',
         save: 'Save',
+        saveChanges: 'Save Changes',
         password: 'Password',
         profile: 'Profile',
         payments: 'Payments',

diff --git a/src/languages/es.js b/src/languages/es.js
@@ -14,6 +14,7 @@ export default {
         add: 'Agregar',
         resend: 'Reenviar',
         save: 'Guardar',
+        saveChanges: 'Guardar cambios',
         password: 'Contraseña',
         profile: 'Perfil',
         payments: 'Pagos',

diff --git a/src/pages/home/report/ReportActionItemMessageEdit.js b/src/pages/home/report/ReportActionItemMessageEdit.js
@@ -10,8 +10,10 @@ import {editReportComment, saveReportActionDraft} from '../../../libs/actions/Re
 import {scrollToIndex} from '../../../libs/ReportScrollManager';
 import toggleReportActionComposeView from '../../../libs/toggleReportActionComposeView';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../../../components/withWindowDimensions';
+import withLocalize, {withLocalizePropTypes} from '../../../components/withLocalize';
 import Button from '../../../components/Button';
 import ReportActionComposeFocusManager from '../../../libs/ReportActionComposeFocusManager';
+import compose from '../../../libs/compose';
 
 const propTypes = {
     /** All the data of the action */
@@ -28,6 +30,9 @@ const propTypes = {
 
     /** Window Dimensions Props */
     ...windowDimensionsPropTypes,
+
+    /** Localization props */
+    ...withLocalizePropTypes,
 };
 
 class ReportActionItemMessageEdit extends React.Component {
@@ -139,13 +144,13 @@ class ReportActionItemMessageEdit extends React.Component {
                     <Button
                         style={[styles.mr2]}
                         onPress={this.deleteDraft}
-                        text="Cancel"
+                        text={this.props.translate('common.cancel')}
                     />
                     <Button
                         success
                         style={[styles.mr2]}
                         onPress={this.publishDraft}
-                        text="Save Changes"
+                        text={this.props.translate('common.saveChanges')}
                     />
                 </View>
             </View>
@@ -154,4 +159,7 @@ class ReportActionItemMessageEdit extends React.Component {
 }
 
 ReportActionItemMessageEdit.propTypes = propTypes;
-export default withWindowDimensions(ReportActionItemMessageEdit);
+export default compose(
+    withLocalize,
+    withWindowDimensions,
+)(ReportActionItemMessageEdit);