more components are functional now

src/widgets/received-marker.jsx

@@ -1,16 +1,32 @@
 // Received/read indicator.
-
 import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
 
 import Tinode from 'tinode-sdk';
 
-export default class ReceivedMarker extends React.PureComponent {
+import { shortDateFormat } from '../lib/strformat.js';
+
+const messages = defineMessages({
+  'sending': {
+    'id': 'message_sending',
+    'defaultMessage': 'sending...',
+    'description': 'Message being sent, in place of time stamp'
+  },
+  'failed': {
+    'id': 'message_sending_failed',
+    'defaultMessage': 'failed',
+    'description': 'Failed to send message, in place of time stamp'
+  }
+});
+
+class ReceivedMarker extends React.PureComponent {
   render() {
+    const {formatMessage} = this.props.intl;
     let timestamp;
     if (this.props.received <= Tinode.MESSAGE_STATUS_SENDING) {
-      timestamp = "sending ...";
+      timestamp = formatMessage(messages.sending);
     } else if (this.props.received == Tinode.MESSAGE_STATUS_FAILED) {
-      timestamp = "failed";
+      timestamp = formatMessage(messages.failed);
     } else {
       timestamp = shortDateFormat(this.props.timestamp);
     }
@@ -35,3 +51,5 @@ export default class ReceivedMarker extends React.PureComponent {
     );
   }
 };
+
+export default injectIntl(ReceivedMarker);