Remove delete button from message details screen

_locales/en/messages.json

@@ -1013,9 +1013,6 @@
     "message": "This message will be deleted for everyone in the conversation if they’re on a recent version of Signal. They will be able to see that you deleted a message.",
     "description": "Text shown in the confirmation dialog for deleting a message for everyone"
   },
-  "deleteThisMessage": {
-    "message": "Delete this message"
-  },
   "from": {
     "message": "From",
     "description": "Label for the sender of a message"

stylesheets/_modules.scss

@@ -3171,37 +3171,6 @@ button.module-conversation-details__action-button {
   }
 }
 
-.module-message-detail__delete-button-container {
-  text-align: center;
-  margin-top: 10px;
-}
-
-.module-message-detail__delete-button {
-  @include button-reset;
-
-  @include keyboard-mode {
-    &:focus {
-      outline: -webkit-focus-ring-color auto 5px;
-    }
-  }
-
-  border-radius: 5px;
-  margin: 1em auto;
-  padding: 1em;
-
-  background-color: $color-accent-red;
-  color: $color-white;
-
-  @include light-theme {
-    border: solid 1px $color-gray-45;
-    box-shadow: 0 0 10px -3px $color-black-alpha-60;
-  }
-  @include dark-theme {
-    border: solid 1px $color-gray-25;
-    box-shadow: 0 0 10px -3px $color-white-alpha-60;
-  }
-}
-
 .module-message-detail__contact-container {
   margin: 20px;
 }

ts/components/conversation/MessageDetail.tsx

@@ -130,24 +130,6 @@ export class MessageDetail extends React.Component<Props> {
     );
   }
 
-  public renderDeleteButton(): JSX.Element {
-    const { deleteMessage, i18n, message } = this.props;
-
-    return (
-      <div className="module-message-detail__delete-button-container">
-        <button
-          type="button"
-          onClick={() => {
-            deleteMessage(message.id);
-          }}
-          className="module-message-detail__delete-button"
-        >
-          {i18n('deleteThisMessage')}
-        </button>
-      </div>
-    );
-  }
-
   public renderContact(contact: Contact): JSX.Element {
     const { i18n, message, showSafetyNumber, sendAnyway } = this.props;
     const errors = contact.errors || [];
@@ -357,7 +339,6 @@ export class MessageDetail extends React.Component<Props> {
           </tbody>
         </table>
         {this.renderContacts()}
-        {this.renderDeleteButton()}
       </div>
     );
   }