Added translations for "edited" label in chats

src/components/HTMLEngineProvider/BaseHTMLEngineProvider.js

@@ -20,6 +20,7 @@ import ThumbnailImage from '../ThumbnailImage';
 import variables from '../../styles/variables';
 import themeColors from '../../styles/themes/default';
 import Text from '../Text';
+import {translateLocal} from '../../libs/translate';
 
 const propTypes = {
     /** Whether text elements should be selectable */
@@ -132,7 +133,7 @@ function EditedRenderer(props) {
         >
             {/* Native devices do not support margin between nested text */}
             <Text style={styles.w1}>{' '}</Text>
-            (edited)
+            {translateLocal('reportActionCompose.edited')}
         </Text>
     );
 }
@@ -229,6 +230,7 @@ const defaultViewProps = {style: {alignItems: 'flex-start'}};
 const BaseHTMLEngineProvider = ({children, textSelectable}) => {
     // We need to memoize this prop to make it referentially stable.
     const defaultTextProps = useMemo(() => ({selectable: textSelectable}), [textSelectable]);
+
     return (
         <TRenderEngineProvider
             customHTMLElementModels={customHTMLElementModels}

src/languages/en.js

@@ -122,6 +122,7 @@ export default {
         fileUploadFailed: 'Upload Failed. File is not supported.',
         roomIsArchived: 'This chat room has been deleted',
         localTime: ({user, time}) => `It's ${time} for ${user}`,
+        edited: '(edited)',
     },
     reportActionContextMenu: {
         copyToClipboard: 'Copy to Clipboard',

src/languages/es.js

@@ -122,6 +122,7 @@ export default {
         fileUploadFailed: 'Subida fallida. El archivo no es compatible.',
         roomIsArchived: 'Esta sala de chat ha sido eliminada',
         localTime: ({user, time}) => `Son las ${time} para ${user}`,
+        edited: '(editar)',
     },
     reportActionContextMenu: {
         copyToClipboard: 'Copiar al Portapapeles',

src/pages/home/report/ReportActionItemFragment.js

@@ -11,7 +11,9 @@ import Text from '../../../components/Text';
 import Tooltip from '../../../components/Tooltip';
 import {isSingleEmoji} from '../../../libs/ValidationUtils';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../../../components/withWindowDimensions';
+import withLocalize, {withLocalizePropTypes} from '../../../components/withLocalize';
 import canUseTouchScreen from '../../../libs/canUseTouchscreen';
+import compose from '../../../libs/compose';
 
 const propTypes = {
     /** The message fragment needing to be displayed */
@@ -30,6 +32,9 @@ const propTypes = {
     isSingleLine: PropTypes.bool,
 
     ...windowDimensionsPropTypes,
+
+    /** localization props */
+    ...withLocalizePropTypes,
 };
 
 const defaultProps = {
@@ -76,7 +81,7 @@ class ReportActionItemFragment extends React.PureComponent {
                             >
                                 {/* Native devices do not support margin between nested text */}
                                 <Text style={styles.w1}>{' '}</Text>
-                                (edited)
+                                {this.props.translate('reportActionCompose.edited')}
                             </Text>
                             )}
                         </Text>
@@ -117,4 +122,7 @@ ReportActionItemFragment.propTypes = propTypes;
 ReportActionItemFragment.defaultProps = defaultProps;
 ReportActionItemFragment.displayName = 'ReportActionItemFragment';
 
-export default withWindowDimensions(ReportActionItemFragment);
+export default compose(
+    withWindowDimensions,
+    withLocalize,
+)(ReportActionItemFragment);