From 51dd8d146c4235f05289f56619a448973c27ddda Mon Sep 17 00:00:00 2001
From: Janosch Maier <maierjanosch@gmail.com>
Date: Fri, 26 Mar 2021 16:12:52 +0100
Subject: [PATCH] Add subject to expanded message item for each email (#2293)

---
 .../message-list/lib/message-item.tsx            | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/internal_packages/message-list/lib/message-item.tsx b/app/internal_packages/message-list/lib/message-item.tsx
index b772988ba..5d51e4eae 100644
--- a/app/internal_packages/message-list/lib/message-item.tsx
+++ b/app/internal_packages/message-list/lib/message-item.tsx
@@ -226,6 +226,7 @@ export default class MessageItem extends React.Component<MessageItemProps, Messa
           onClick={this._onClickParticipants}
           isDetailed={this.state.detailedHeaders}
         />
+        {this._renderSubject()}
         {this._renderFolder()}
         {this._renderHeaderDetailToggle()}
       </header>
@@ -268,6 +269,21 @@ export default class MessageItem extends React.Component<MessageItemProps, Messa
     );
   }
 
+  _renderSubject() {
+    if (!this.state.detailedHeaders) {
+      return false;
+    }
+
+    const subject = this.props.message.subject;
+
+    return (
+      <div className="header-row">
+        <div className="header-label">{localized('Subject')}:&nbsp;</div>
+        <div className="header-name">{subject}</div>
+      </div>
+    );
+  }
+
   _renderFolder() {
     if (!this.state.detailedHeaders) {
       return false;