ปรับ กล่องข้อความ

src/views/Dashboard.vue

@@ -124,11 +124,11 @@ const scrollTargetRef = ref<any>(null);
 const totalInbox = ref<number>(0);
 function onLoad(index: number, done: any) {
   const num = index === 1 ? 0 : index++;
-  if (inboxList.value.length < totalInbox.value) {
-    // setTimeout(() => {
-    getData(num);
-    done();
-    // }, );
+  if (inboxList.value.length < totalInbox.value && isLoadInbox) {
+    setTimeout(() => {
+      getData(num);
+      done();
+    }, 3000);
   }
 }
 const thaiOptions: Intl.DateTimeFormatOptions = {
@@ -228,10 +228,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
               />
             </q-list>
 
-            <template
-              :v-slot:isLoadInbox?loading:null
-              v-if="inboxList.length < totalInbox"
-            >
+            <template v-slot:loading v-if="inboxList.length < totalInbox">
               <div class="row justify-center q-my-md">
                 <q-spinner-dots color="primary" size="40px" />
               </div>

src/views/MainLayout.vue

@@ -453,11 +453,11 @@ const totalNoti = ref<number>(0);
 const round = ref<number>(0);
 
 function onLoad(index: any, done: any) {
-  if (notiList.value.length < totalInbox.value) {
+  if (notiList.value.length < totalInbox.value && isLoad) {
     setTimeout(() => {
       done();
       getDataNotification(index + 1, "NOMAL");
-    }, 1000);
+    }, 3000);
   }
 }
 
@@ -584,13 +584,7 @@ watch(
                 </q-item>
                 <q-separator color="grey-2" />
               </q-list>
-              <template
-                :v-slot:isLoad?
-                loading
-                :
-                null,
-                v-if="notiList.length < totalInbox"
-              >
+              <template v-if="notiList.length < totalInbox">
                 <div class="row justify-center q-my-md">
                   <q-spinner-dots color="primary" size="40px" />
                 </div>