From 298c0922cb808cd46eb5e3fbf256aa04cb2e654e Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 9 Jul 2023 21:21:19 +0800
Subject: [PATCH] fix account icon issue in transaction statistics data page

---
 src/stores/statistics.js                        | 15 +++++++++++++++
 src/views/mobile/statistics/TransactionPage.vue |  5 ++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/stores/statistics.js b/src/stores/statistics.js
index 2448dddb..65c80262 100644
--- a/src/stores/statistics.js
+++ b/src/stores/statistics.js
@@ -32,6 +32,21 @@ export const useStatisticsStore = defineStore('statistics', {
         transactionStatisticsStateInvalid: true
     }),
     getters: {
+        transactionStatisticsChartDataCategory(state) {
+            if (state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.ExpenseByAccount.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.IncomeByAccount.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.AccountTotalAssets.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.AccountTotalLiabilities.type) {
+                return 'account';
+            } else if (state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.ExpenseByPrimaryCategory.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.ExpenseBySecondaryCategory.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.IncomeByPrimaryCategory.type ||
+                state.transactionStatisticsFilter.chartDataType === statisticsConstants.allChartDataTypes.IncomeBySecondaryCategory.type) {
+                return 'category';
+            } else {
+                return '';
+            }
+        },
         transactionStatistics(state) {
             const statistics = state.transactionStatisticsData;
             const finalStatistics = {
diff --git a/src/views/mobile/statistics/TransactionPage.vue b/src/views/mobile/statistics/TransactionPage.vue
index 623a04f7..7083703c 100644
--- a/src/views/mobile/statistics/TransactionPage.vue
+++ b/src/views/mobile/statistics/TransactionPage.vue
@@ -141,7 +141,7 @@
                         <template #media>
                             <div class="display-flex no-padding-horizontal">
                                 <div class="display-flex align-items-center statistics-icon">
-                                    <ItemIcon icon-type="category" :icon-id="item.icon" :color="item.color" v-if="item.icon"></ItemIcon>
+                                    <ItemIcon :icon-type="queryChartDataCategory" :icon-id="item.icon" :color="item.color" v-if="item.icon"></ItemIcon>
                                     <f7-icon f7="pencil_ellipsis_rectangle" v-else-if="!item.icon"></f7-icon>
                                 </div>
                             </div>
@@ -295,6 +295,9 @@ export default {
         query() {
             return this.statisticsStore.transactionStatisticsFilter;
         },
+        queryChartDataCategory() {
+            return this.statisticsStore.transactionStatisticsChartDataCategory;
+        },
         queryChartDataTypeName() {
             const queryChartDataTypeName = getNameByKeyValue(this.allChartDataTypes, this.query.chartDataType, 'type', 'name', 'Statistics');
             return this.$t(queryChartDataTypeName);