From 82dfdf6ed394c347deb06e97575524ba15e97d85 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Sun, 10 Apr 2022 10:32:25 +0300
Subject: [PATCH] onReply show only latest messages and remove previous
 conversation

---
 src/components/Chat.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 0bdf05b..77a335b 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -137,7 +137,7 @@
           <div v-if="replyToEvent" class="row">
             <div class="col">
               <div class="font-weight-medium">{{ $t("message.replying_to", { user: replyToEvent.sender.name }) }}</div>
-              <div v-if="replyToContentType === 'm.text'" class="reply-text" :title="replyToEvent.getContent().body"> {{ replyToEvent.getContent().body }} </div>
+              <div v-if="replyToContentType === 'm.text'" class="reply-text" :title="replyToEvent.getContent().body"> {{ replyToEvent.getContent().body | latestReply }} </div>
               <div v-if="replyToContentType === 'm.image'"> {{ $t("message.reply_image") }} </div>
               <div v-if="replyToContentType === 'm.audio'"> {{ $t("message.reply_audio_message") }} </div>
               <div v-if="replyToContentType === 'm.video'"> {{ $t("message.reply_video") }} </div>
@@ -643,6 +643,16 @@ export default {
     };
   },
 
+  filters: {
+    latestReply(contents) {
+      const contentArr =  contents.split('\n').reverse();
+      if (contentArr[0] === '') {
+        contentArr.shift();
+      }
+      return contentArr[0].replace(/^> (<.*> )?/g, '');
+    }
+  },
+
   mounted() {
     const container = this.$refs.chatContainer;
     this.scrollPosition = new ScrollPosition(container);