Prevent 'still loading' image requests

ui/src/message/Message.tsx

@@ -57,13 +57,15 @@ class Message extends React.PureComponent<IProps & WithStyles<typeof styles>> {
             <div className={`${classes.wrapperPadding} message`} ref={(ref) => (this.node = ref)}>
                 <Container style={{display: 'flex'}}>
                     <div className={classes.imageWrapper}>
-                        <img
-                            src={config.get('url') + image}
-                            alt="app logo"
-                            width="70"
-                            height="70"
-                            className={classes.image}
-                        />
+                        {image !== null ? (
+                            <img
+                                src={config.get('url') + image}
+                                alt="app logo"
+                                width="70"
+                                height="70"
+                                className={classes.image}
+                            />
+                        ) : null}
                     </div>
                     <div className={classes.messageContentWrapper}>
                         <div className={classes.header}>

ui/src/message/MessagesStore.ts

@@ -127,7 +127,7 @@ export class MessagesStore {
         }
     };
 
-    private getUnCached = (appId: number): Array<IMessage & {image: string}> => {
+    private getUnCached = (appId: number): Array<IMessage & {image: string | null}> => {
         const appToImage = this.appStore
             .getItems()
             .reduce((all, app) => ({...all, [app.id]: app.image}), {});
@@ -135,7 +135,7 @@ export class MessagesStore {
         return this.stateOf(appId, false).messages.map((message: IMessage) => {
             return {
                 ...message,
-                image: appToImage[message.appid] || 'still loading',
+                image: appToImage[message.appid] || null,
             };
         });
     };