Prevent 'still loading' image requests

ui/src/message/Message.tsx

@@ -57,6 +57,7 @@ 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}>
+                        {image !== null ? (
                             <img
                                 src={config.get('url') + image}
                                 alt="app logo"
@@ -64,6 +65,7 @@ class Message extends React.PureComponent<IProps & WithStyles<typeof styles>> {
                                 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,
             };
         });
     };