MessageDetails: contact status fallbacks to message status

this is used for medium groups

js/models/messages.js

@@ -860,7 +860,9 @@
             : `${contact.profileName} (Secondary Device)`;
           return {
             ...contact,
-            status: this.getStatus(id),
+            // fallback to the message status if we do not have a status with a user
+            // this is useful for medium groups.
+            status: this.getStatus(id) || this.getMessagePropStatus(),
             errors: errorsForContact,
             isOutgoingKeyError,
             isUnidentifiedDelivery,

stylesheets/_modules.scss

@@ -1212,6 +1212,8 @@
 }
 
 .module-message-detail__contact__status-icon {
+  min-width: 12px;
+  min-height: 12px;
   width: 12px;
   height: 12px;
   display: inline-block;

ts/components/session/conversation/SessionConversation.tsx

@@ -833,6 +833,7 @@ export class SessionConversation extends React.Component<Props, State> {
   private async showMessageDetails(messageProps: any) {
     messageProps.onDeleteMessage = (id: string) => {
       this.deleteMessage(id);
+      this.setState({ messageDetailShowProps: undefined });
     };
     this.setState({ messageDetailShowProps: messageProps });
   }

ts/state/ducks/conversations.ts

@@ -407,6 +407,9 @@ const toPickFromMessageModel = [
   'findContact',
   'isUnidentifiedDelivery',
   'getStatus',
+  'getMessagePropStatus',
+  'hasErrors',
+  'isOutgoing',
 ];
 
 function getEmptyState(): ConversationsStateType {