From 33d5dd4d30f3d8b10101c38b36f6ac673db474df Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 16 Feb 2024 16:21:19 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=82=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=94=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=B2=E0=B8=A1=E0=B9=80=E0=B8=81=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B9=84=E0=B8=94=E0=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/00_support/components/FormChat.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/modules/00_support/components/FormChat.vue b/src/modules/00_support/components/FormChat.vue
index 9907fa08e..43cce077d 100644
--- a/src/modules/00_support/components/FormChat.vue
+++ b/src/modules/00_support/components/FormChat.vue
@@ -18,7 +18,6 @@ const iconAvatar = ref<string>(
 );
 
 const { scrollContainer } = storeToRefs(store);
-
 function dateIssue(timestamp: string): string {
   const parsedTimestamp = moment(timestamp);
   const diff = moment().diff(parsedTimestamp);
@@ -63,8 +62,8 @@ const onLoad = (async (_: any, done: any) => {
   const totalPages = Math.ceil((store.currentTotalMessage || 1) / 30);
   if (store.currentPage && totalPages > store.currentPage) {
     await store.loadMessage(store.currentPage + 1);
-    done();
   }
+  done();
 }) satisfies QInfiniteScrollProps["onLoad"];
 </script>
 
@@ -246,7 +245,12 @@ const onLoad = (async (_: any, done: any) => {
         style="width: 100%; height: 100%"
         v-if="store.message?.result.message.length || 0 > 0"
       >
-        <q-infinite-scroll @load="onLoad" :offset="250" reverse>
+        <q-infinite-scroll
+          @load="onLoad"
+          :offset="250"
+          reverse
+          :key="store.currentIssue"
+        >
           <div
             v-for="(item, index) in store.message?.result.message"
             :key="index"