From 2e2c5ebf9aa9cf5d97d75325a61e71af3cc0398d Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Wed, 9 Oct 2019 06:25:40 -0700
Subject: [PATCH] When showing draft in left pane, don't show last message
 status

---
 ts/components/ConversationListItem.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ts/components/ConversationListItem.tsx b/ts/components/ConversationListItem.tsx
index c8fa9c88e..7e52596f6 100644
--- a/ts/components/ConversationListItem.tsx
+++ b/ts/components/ConversationListItem.tsx
@@ -149,6 +149,11 @@ export class ConversationListItem extends React.PureComponent<Props> {
     if (!lastMessage && !typingContact) {
       return null;
     }
+
+    const showingDraft = shouldShowDraft && draftPreview;
+
+    // Note: instead of re-using showingDraft here we explode it because
+    //   typescript can't tell that draftPreview is truthy otherwise
     const text =
       shouldShowDraft && draftPreview
         ? draftPreview
@@ -170,7 +175,7 @@ export class ConversationListItem extends React.PureComponent<Props> {
             <TypingAnimation i18n={i18n} />
           ) : (
             <>
-              {shouldShowDraft ? (
+              {showingDraft ? (
                 <span className="module-conversation-list-item__message__draft-prefix">
                   {i18n('ConversationListItem--draft-prefix')}
                 </span>
@@ -184,7 +189,7 @@ export class ConversationListItem extends React.PureComponent<Props> {
             </>
           )}
         </div>
-        {lastMessage && lastMessage.status ? (
+        {!showingDraft && lastMessage && lastMessage.status ? (
           <div
             className={classNames(
               'module-conversation-list-item__message__status-icon',