fix crash on unknown fmt in drafty message (QQ in this case)

src/widgets/chat-message.jsx

@@ -110,11 +110,9 @@ export default class ChatMessage extends React.Component {
           defaultMessage="content deleted" description="Shown when messages are deleted" />
       </i></>
     } else if (typeof content != 'string') {
-      content = <>
-          <i className="material-icons gray">error_outline</i> <i className="gray">
-            <FormattedMessage id="invalid_content"
-              defaultMessage="invalid content" description="Shown when message is unreadable" /></i>
-        </>
+      content = <><i className="material-icons gray">error_outline</i> <i className="gray">
+        <FormattedMessage id="invalid_content"
+          defaultMessage="invalid content" description="Shown when message is unreadable" /></i></>
     }
 
     return (
@@ -240,8 +238,8 @@ function draftyFormatter(style, data, values, key) {
       default:
         if (el == '_UNKN') {
           // Unknown element.
-          // TODO: make it prettier.
-          el = <><span className="material-icons">extension</span></>;
+          el = React.Fragment;
+          values = [<i className="material-icons gray">extension</i>, ' '].concat(values || []);
         }
         break;
     }

src/widgets/contact.jsx

@@ -177,7 +177,7 @@ function draftyFormatter(style, data, values, key) {
       default:
         if (el == '_UNKN') {
           el = React.Fragment;
-          values = [<i key="unkn" className="material-icons">extension</i>];
+          values = [<i key="unkn" className="material-icons">extension</i>, ' '].concat(values || []);
         }
         break;
     }

umd/index.dev.js

@@ -7265,9 +7265,10 @@ function draftyFormatter(style, data, values, key) {
 
       default:
         if (el == '_UNKN') {
-          el = react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-            className: "material-icons"
-          }, "extension"));
+          el = (react__WEBPACK_IMPORTED_MODULE_0___default().Fragment);
+          values = [react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
+            className: "material-icons gray"
+          }, "extension"), ' '].concat(values || []);
         }
 
         break;
@@ -8070,7 +8071,7 @@ function draftyFormatter(style, data, values, key) {
           values = [react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
             key: "unkn",
             className: "material-icons"
-          }, "extension")];
+          }, "extension"), ' '].concat(values || []);
         }
 
         break;