does not crash on deleted messages

src/i18n/en.json

@@ -91,6 +91,7 @@
   "numeric_confirmation_code_prompt": "Numbers only",
   "button_confirm": "Confirm",
   "save_attachment": "save",
+  "deleted_content": "content deleted",
   "invalid_content": "invalid content",
   "user_not_found": "Not found",
   "badge_you": "you",

src/i18n/ru.json

@@ -149,5 +149,6 @@
   "clear_messages_warning": "Вы действительно хотите удалить все сообщения в чате? Их будет невозможно восстановить.",
   "topic_delete_warning": "Вы действительно хотите удалить этот чат?",
   "topic_block_warning": "Вы действительно хотите заблокировать этот чат?",
-  "search_no_results": "Ничего не найдено"
+  "search_no_results": "Ничего не найдено",
+  "deleted_content": "удалено"
 }

src/i18n/zh.json

@@ -149,5 +149,6 @@
   "clear_messages_warning": ":!![MISSING]!!:Are you sure you want to clear all messages? It cannot be undone.",
   "topic_delete_warning": ":!![MISSING]!!:Are you sure you want to delete this conversation?",
   "topic_block_warning": ":!![MISSING]!!:Are you sure you want to block this conversation?",
-  "search_no_results": ":!![MISSING]!!:Search returned no results"
+  "search_no_results": ":!![MISSING]!!:Search returned no results",
+  "deleted_content": "内容已删除"
 }

src/messages.json

@@ -92,6 +92,7 @@
     "numeric_confirmation_code_prompt": "Numbers only",
     "button_confirm": "Confirm",
     "save_attachment": "save",
+    "deleted_content": "content deleted",
     "invalid_content": "invalid content",
     "user_not_found": "Not found",
     "badge_you": "you",

src/views/messages-view.jsx

@@ -541,7 +541,7 @@ class MessagesView extends React.Component {
         messageNodes.push(
           <ChatMessage
             tinode={this.props.tinode}
-            content={msg.content}
+            content={msg.content} delRange={msg.delRange}
             mimeType={msg.head ? msg.head.mime : null}
             timestamp={msg.ts} response={isReply} seq={msg.seq}
             userFrom={userFrom} userName={userName} userAvatar={userAvatar}

src/widgets/chat-message.jsx

@@ -97,8 +97,14 @@ export default class ChatMessage extends React.Component {
           key={i} />);
       }, this);
       content = React.createElement('span', null, Drafty.format(content, draftyFormatter, this));
+    } else if (this.props.delRange) {
+      // Message represents a range of deleted messages.
+      content = <><i className="material-icons">block</i> <i className="gray">
+        <FormattedMessage id="deleted_content"
+          defaultMessage="content deleted" description="Shown when messages are deleted" />
+      </i></>
     } else if (typeof content != 'string') {
-      content = <><i className="material-icons">error_outline</i> <i>
+      content = <><i className="material-icons">error_outline</i> <i className="gray">
         <FormattedMessage id="invalid_content"
           defaultMessage="invalid content" description="Shown when message is unreadable" />
       </i></>
@@ -121,9 +127,11 @@ export default class ChatMessage extends React.Component {
             <div className="message-content">
               {content}
               {attachments}
-              <ReceivedMarker
-                timestamp={this.props.timestamp}
-                received={this.props.received} />
+              {this.props.timestamp ?
+                <ReceivedMarker
+                  timestamp={this.props.timestamp}
+                  received={this.props.received} />
+                : null}
             </div>
             <span className="menuTrigger">
               <a href="#" onClick={this.handleContextClick}>