From b05a53ffe30ad5570a07908e9d47899a943151d8 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 7 Jul 2025 22:58:41 +0800
Subject: [PATCH] reduce the number of skeleton rows when loading in
 transaction list page

---
 src/views/desktop/transactions/ListPage.vue | 3 ++-
 src/views/mobile/transactions/ListPage.vue  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/desktop/transactions/ListPage.vue b/src/views/desktop/transactions/ListPage.vue
index 1f8d6d03..0f3073a4 100644
--- a/src/views/desktop/transactions/ListPage.vue
+++ b/src/views/desktop/transactions/ListPage.vue
@@ -1064,8 +1064,9 @@ const paginationCurrentPage = computed<number>({
 
 const skeletonData = computed<number[]>(() => {
     const data: number[] = [];
+    const totalCount = (pageType.value === TransactionListPageType.List.type ? countPerPage.value : 3);
 
-    for (let i = 0; i < countPerPage.value; i++) {
+    for (let i = 0; i < totalCount; i++) {
         data.push(i);
     }
 
diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue
index 08b7f0aa..29357380 100644
--- a/src/views/mobile/transactions/ListPage.vue
+++ b/src/views/mobile/transactions/ListPage.vue
@@ -120,7 +120,7 @@
                     <f7-accordion-content style="height: auto">
                         <f7-list strong inset dividers media-list accordion-list class="transaction-info-list combination-list-content">
                             <f7-list-item link="#" chevron-center class="transaction-info"
-                                          :key="itemIdx" v-for="itemIdx in (blockIdx === 1 ? [ 1, 2, 3, 4, 5, 6, 7 ] : [ 1, 2, 3 ])">
+                                          :key="itemIdx" v-for="itemIdx in (pageType === TransactionListPageType.List.type && blockIdx === 1 ? [ 1, 2, 3, 4, 5, 6, 7 ] : [ 1, 2, 3 ])">
                                 <template #media>
                                     <div class="display-flex flex-direction-column transaction-date">
                                         <span class="transaction-day full-line flex-direction-column">DD</span>