Fix rendering same message

src/components/chat/bubbles.ts

@@ -289,7 +289,7 @@ export default class ChatBubbles {
     });
 
     // Calls when message successfully sent and we have an id
-    this.listenerSetter.add(rootScope)('message_sent', async(e) => {
+    this.listenerSetter.add(rootScope)('message_sent', (e) => {
       const {storage, tempId, tempMessage, mid} = e;
 
       // ! can't use peerId to validate here, because id can be the same in 'scheduled' and 'chat' types
@@ -299,7 +299,8 @@ export default class ChatBubbles {
       
       //this.log('message_sent', e);
 
-      await getHeavyAnimationPromise();
+      // cannot use it here because new message will be rendered again
+      // await getHeavyAnimationPromise();
 
       const mounted = this.getMountedBubble(tempId, tempMessage) || this.getMountedBubble(mid);
       if(mounted) {
@@ -330,6 +331,7 @@ export default class ChatBubbles {
             const container = findUpClassName(div, 'document-container');
 
             if(!tempMessage.media?.document?.thumbs?.length && message.media.document.thumbs?.length) {
+              getHeavyAnimationPromise().then(() => {
                 const timeSpan = div.querySelector('.time');
                 const newDiv = wrapDocument({message});
                 div.replaceWith(newDiv);
@@ -337,6 +339,7 @@ export default class ChatBubbles {
                 if(timeSpan) {
                   newDiv.querySelector('.document-size').append(timeSpan);
                 }
+              });
             }
 
             if(container) {