From 848e5271ab2565f676988dec3755baa5b66dc8a7 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 24 Jul 2023 02:41:00 +0800
Subject: [PATCH] code refactor

---
 src/views/desktop/TransactionsPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/desktop/TransactionsPage.vue b/src/views/desktop/TransactionsPage.vue
index 67cc946d..456ed385 100644
--- a/src/views/desktop/TransactionsPage.vue
+++ b/src/views/desktop/TransactionsPage.vue
@@ -131,7 +131,7 @@
 
                                                     <template :key="categoryType"
                                                               v-for="(categories, categoryType) in allPrimaryCategories"
-                                                              v-show="!query.type || getTransactionTypeFromCategoryType(categoryType) === query.type">
+                                                              v-if="!query.type || getTransactionTypeFromCategoryType(categoryType) === query.type">
                                                         <v-list-item density="compact">
                                                             <v-list-item-title>
                                                                 <span class="text-sm">{{ getTransactionTypeName(getTransactionTypeFromCategoryType(categoryType), 'Type') }}</span>
@@ -250,9 +250,9 @@
                                     </tr>
                                     </tbody>
 
-                                    <template :key="transactionMonthList.yearMonth" :class="{ 'has-bottom-border': monthIdx < transactions.length - 1 }"
+                                    <template :key="transactionMonthList.yearMonth"
                                               v-for="(transactionMonthList, monthIdx) in transactions">
-                                        <tbody v-if="shouldShowMonthlyData(transactionMonthList)">
+                                        <tbody :class="{ 'has-bottom-border': monthIdx < transactions.length - 1 }" v-if="shouldShowMonthlyData(transactionMonthList)">
                                         <template :key="transaction.id" v-for="(transaction, idx) in transactionMonthList.items">
                                             <template v-if="monthlyDatePageFirstIndex <= idx && idx < monthlyDatePageLastIndex">
                                                 <tr class="transaction-list-row-date no-hover text-sm"