disable message contextmenu on group chats when kicked

js/models/messages.js

@@ -113,6 +113,8 @@
           this.propsForMessage = this.getPropsForMessage();
         }
       };
+      const triggerChange = () => this.trigger('change');
+
       this.on('change', generateProps);
 
       const applicableConversationChanges =
@@ -120,8 +122,11 @@
 
       const conversation = this.getConversation();
       const fromContact = this.getIncomingContact();
-
       this.listenTo(conversation, applicableConversationChanges, generateProps);
+
+      // trigger a change event on this component.
+      // this will call generateProps and refresh the Message.tsx component with new props
+      this.listenTo(conversation, 'disable:input', triggerChange );
       if (fromContact) {
         this.listenTo(
           fromContact,
@@ -703,6 +708,7 @@
         multiSelectMode: conversation && conversation.selectedMessages.size > 0,
         isPublic: !!this.get('isPublic'),
         isRss: !!this.get('isRss'),
+        isKickedFromGroup: conversation.get('isKickedFromGroup'),
         senderIsModerator:
           !!this.get('isPublic') &&
           conversation &&

ts/components/conversation/Message.tsx

@@ -100,6 +100,7 @@ export interface Props {
   isPublic?: boolean;
   isRss?: boolean;
   selected: boolean;
+  isKickedFromGroup: boolean;
   // whether or not to show check boxes
   multiSelectMode: boolean;
 
@@ -782,11 +783,12 @@ export class Message extends React.PureComponent<Props, State> {
       attachments,
       direction,
       disableMenu,
+      isKickedFromGroup,
       onDownload,
       onReply,
     } = this.props;
 
-    if (!isCorrectSide || disableMenu) {
+    if (!isCorrectSide || disableMenu || isKickedFromGroup) {
       return null;
     }
 
@@ -1051,12 +1053,14 @@ export class Message extends React.PureComponent<Props, State> {
     return false;
   }
 
+  // tslint:disable-next-line: cyclomatic-complexity
   public render() {
     const {
       authorPhoneNumber,
       authorColor,
       direction,
       id,
+      isKickedFromGroup,
       isRss,
       timestamp,
       selected,
@@ -1106,7 +1110,7 @@ export class Message extends React.PureComponent<Props, State> {
       divClasses.push('public-chat-message-wrapper');
     }
 
-    const enableContextMenu = !isRss && !multiSelectMode;
+    const enableContextMenu = !isRss && !multiSelectMode && !isKickedFromGroup;
 
     return (
       <div className={classNames(divClasses)}>
@@ -1136,7 +1140,7 @@ export class Message extends React.PureComponent<Props, State> {
             }}
           >
             {this.renderError(isIncoming)}
-            {isRss ? null : this.renderMenu(!isIncoming, triggerId)}
+            {isRss || isKickedFromGroup ? null : this.renderMenu(!isIncoming, triggerId)}
             <div
               className={classNames(
                 'module-message__container',