From 344590b58b8aef87e2759decc530632ff321ecad Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 24 May 2021 13:09:56 +0300
Subject: [PATCH] Fix Message: After deleting last message in the group, the
 appendix disappears (#1114)

---
 src/components/middle/message/Message.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx
index f60d58812..fb92e7924 100644
--- a/src/components/middle/message/Message.tsx
+++ b/src/components/middle/message/Message.tsx
@@ -300,6 +300,7 @@ const Message: FC<OwnProps & StateProps & DispatchProps> = ({
   );
   const withCommentButton = message.threadInfo && (!isInDocumentGroup || isLastInDocumentGroup)
     && messageListType === 'thread' && !noComments;
+  const withAppendix = contentClassName.includes('has-appendix');
 
   useEnsureMessage(chatId, hasReply ? message.replyToMessageId : undefined, replyMessage, message.id);
   useFocusMessage(ref, chatId, isFocused, focusDirection, noFocusHighlight);
@@ -309,7 +310,7 @@ const Message: FC<OwnProps & StateProps & DispatchProps> = ({
     }
 
     appendixRef.current.innerHTML = isOwn ? APPENDIX_OWN : APPENDIX_NOT_OWN;
-  }, [isOwn]);
+  }, [isOwn, withAppendix]);
 
   const handleGroupDocumentMessagesSelect = useCallback((e: ReactMouseEvent<HTMLDivElement, MouseEvent>) => {
     e.stopPropagation();
@@ -737,7 +738,7 @@ const Message: FC<OwnProps & StateProps & DispatchProps> = ({
           // @ts-ignore
           style={style}
         >
-          {contentClassName.includes('has-appendix') && (<div className="svg-appendix" ref={appendixRef} />)}
+          {withAppendix && (<div className="svg-appendix" ref={appendixRef} />)}
           {asForwarded && !customShape && (!isInDocumentGroup || isFirstInDocumentGroup) && (
             <div className="message-title">{lang('ForwardedMessage')}</div>
           )}