fix verified change saving of messages, and ctx menu for header

js/models/conversations.js

@@ -864,7 +864,10 @@
         unread: 1,
       };
 
-      const id = await message.commit();
+      // no commit() here as this is not a message model object
+      const id = await window.Signal.Data.saveMessage(message, {
+        Message: Whisper.Message,
+      });
 
       this.trigger(
         'newmessage',
@@ -915,7 +918,10 @@
         unread: 1,
       };
 
-      const id = await message.commit();
+      // no commit() here as this is not a message model object
+      const id = await window.Signal.Data.saveMessage(message, {
+        Message: Whisper.Message,
+      });
 
       this.trigger(
         'newmessage',

ts/components/conversation/ConversationHeader.tsx

@@ -231,22 +231,6 @@ class ConversationHeader extends React.Component<Props> {
     );
   }
 
-  public renderOptions(triggerId: string) {
-    const { showBackButton } = this.props;
-
-    if (showBackButton) {
-      return null;
-    }
-    return (
-      <MenuProvider id={triggerId} event="onClick">
-        <SessionIconButton
-          iconType={SessionIconType.Ellipses}
-          iconSize={SessionIconSize.Medium}
-        />
-      </MenuProvider>
-    );
-  }
-
   public renderSelectionOverlay() {
     const {
       onDeleteSelectedMessages,
@@ -283,7 +267,7 @@ class ConversationHeader extends React.Component<Props> {
 
   public render() {
     const { id, isKickedFromGroup, selectionMode } = this.props;
-    const triggerId = `conversation-header-${id}`;
+    const triggerId = 'conversation-header';
 
     return (
       <div className="module-conversation-header">
@@ -291,7 +275,12 @@ class ConversationHeader extends React.Component<Props> {
           {this.renderBackButton()}
           <div className="module-conversation-header__title-container">
             <div className="module-conversation-header__title-flex">
-              {!selectionMode && this.renderOptions(triggerId)}
+              <MenuProvider id={triggerId} event="onClick">
+                <SessionIconButton
+                  iconType={SessionIconType.Ellipses}
+                  iconSize={SessionIconSize.Medium}
+                />
+              </MenuProvider>
               {this.renderTitle()}
             </div>
           </div>

ts/components/conversation/Message.tsx

@@ -140,7 +140,7 @@ export class Message extends React.PureComponent<Props, State> {
       expired: false,
       imageBroken: false,
     };
-    this.ctxMenuID = uuid();
+    this.ctxMenuID = `ctx-menu-message-${uuid()}`;
   }
 
   public componentDidMount() {