fix account icon issue in transaction statistics data page

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 = {

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);