From 713b621169fdbc49e1e41d7f30d0e759b81ba90a Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 27 Jul 2025 21:35:16 +0800
Subject: [PATCH] update category display name for balance modification
 transaction

---
 .../transactions/ReconciliationStatementPageBase.ts  |  2 +-
 .../list/dialogs/ReconciliationStatementDialog.vue   | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/views/base/transactions/ReconciliationStatementPageBase.ts b/src/views/base/transactions/ReconciliationStatementPageBase.ts
index d247e7ff..fe358f5f 100644
--- a/src/views/base/transactions/ReconciliationStatementPageBase.ts
+++ b/src/views/base/transactions/ReconciliationStatementPageBase.ts
@@ -217,7 +217,7 @@ export function useReconciliationStatementPageBase() {
 
             if (transaction.type === TransactionType.ModifyBalance) {
                 type = tt('Modify Balance');
-                categoryName = '-';
+                categoryName = tt('Modify Balance');
             } else if (transaction.type === TransactionType.Income) {
                 type = tt('Income');
             } else if (transaction.type === TransactionType.Expense) {
diff --git a/src/views/desktop/accounts/list/dialogs/ReconciliationStatementDialog.vue b/src/views/desktop/accounts/list/dialogs/ReconciliationStatementDialog.vue
index 0d2894ba..5ef202d9 100644
--- a/src/views/desktop/accounts/list/dialogs/ReconciliationStatementDialog.vue
+++ b/src/views/desktop/accounts/list/dialogs/ReconciliationStatementDialog.vue
@@ -115,12 +115,15 @@
                 </template>
                 <template #item.categoryId="{ item }">
                     <div class="d-flex align-center">
-                        <span v-if="item.type === TransactionType.ModifyBalance">-</span>
                         <ItemIcon size="24px" icon-type="category"
                                   :icon-id="allCategoriesMap[item.categoryId].icon"
                                   :color="allCategoriesMap[item.categoryId].color"
-                                  v-if="item.type !== TransactionType.ModifyBalance && allCategoriesMap[item.categoryId]"></ItemIcon>
-                        <span class="ml-2" v-if="item.type !== TransactionType.ModifyBalance && allCategoriesMap[item.categoryId]">
+                                  v-if="allCategoriesMap[item.categoryId] && allCategoriesMap[item.categoryId]?.color"></ItemIcon>
+                        <v-icon size="24" :icon="mdiPencilBoxOutline" v-else-if="!allCategoriesMap[item.categoryId] || !allCategoriesMap[item.categoryId]?.color" />
+                        <span class="ml-2" v-if="item.type === TransactionType.ModifyBalance">
+                            {{ tt('Modify Balance') }}
+                        </span>
+                        <span class="ml-2" v-else-if="item.type !== TransactionType.ModifyBalance && allCategoriesMap[item.categoryId]">
                             {{ allCategoriesMap[item.categoryId].name }}
                         </span>
                     </div>
@@ -217,7 +220,8 @@ import {
     mdiDotsVertical,
     mdiReceiptTextPlusOutline,
     mdiComma,
-    mdiKeyboardTab
+    mdiKeyboardTab,
+    mdiPencilBoxOutline
 } from '@mdi/js';
 
 type SnackBarType = InstanceType<typeof SnackBar>;