make broken image not clickable

src/config.js

@@ -33,7 +33,7 @@ export const REM_SIZE = 13;
 export const AVATAR_SIZE = 128;
 
 // Size of the broken_image shown in MessagesView
-export const BROKEN_IMAGE_SIZE = 48;
+export const BROKEN_IMAGE_SIZE = 32;
 
 // Number of chat messages to fetch in one call.
 export const MESSAGES_PAGE = 24;

src/widgets/chat-message.jsx

@@ -159,12 +159,16 @@ function draftyFormatter(style, data, values, key) {
         // Additional processing for images
         if (data) {
           attr.className = 'inline-image';
-          attr.onClick = this.handlePreviewImage;
           let dim = fitImageSize(data.width, data.height,
             Math.min(this.props.viewportWidth - REM_SIZE * 4, REM_SIZE * 36), REM_SIZE * 24, false);
           dim = dim || {dstWidth: BROKEN_IMAGE_SIZE, dstHeight: BROKEN_IMAGE_SIZE};
           attr.style = { width: dim.dstWidth + 'px', height: dim.dstHeight + 'px' };
-          attr.src = attr.src || 'img/broken_image.png';
+          if (attr.src) {
+            attr.onClick = this.handlePreviewImage;
+            attr.className += ' image-clickable';
+          } else {
+            attr.src = 'img/broken_image.png';
+          }
         }
         break;
       case 'BN':