From d6e70bd73faee65cb379a93a31d15b403d90ae1b Mon Sep 17 00:00:00 2001
From: DeathGun44 <krishnamewara841@gmail.com>
Date: Sat, 7 Feb 2026 11:14:44 +0530
Subject: [PATCH] WEB-239: Fix Tax Components view page translation and layout

- Fix account type translations to properly extract and uppercase type names
- Fix account display formatting to show clean glCode and name
- Resolve untranslated labels showing as 'accountType.liability' etc.
---
 .../view-tax-component.component.html              | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/products/manage-tax-components/view-tax-component/view-tax-component.component.html b/src/app/products/manage-tax-components/view-tax-component/view-tax-component.component.html
index dd1ae88861..f3f63ae2f1 100644
--- a/src/app/products/manage-tax-components/view-tax-component/view-tax-component.component.html
+++ b/src/app/products/manage-tax-components/view-tax-component/view-tax-component.component.html
@@ -39,7 +39,10 @@
 
         @if (taxComponentData.debitAccountType) {
           <div class="flex-50">
-            {{ taxComponentData.debitAccountType.value }}
+            {{
+              'labels.inputs.accounting.' + (taxComponentData.debitAccountType.value?.split('.')[1] || '').toUpperCase()
+                | translate
+            }}
           </div>
         }
 
@@ -51,8 +54,8 @@
 
         @if (taxComponentData.debitAccount) {
           <div class="flex-50">
-            ({{ 'labels.inputs.accounting.' + taxComponentData.debitAccount.glCode }})
-            {{ taxComponentData.debitAccount.name | translate }}
+            ({{ taxComponentData.debitAccount.glCode }})
+            {{ taxComponentData.debitAccount.name }}
           </div>
         }
 
@@ -64,7 +67,10 @@
 
         @if (taxComponentData.creditAccountType) {
           <div class="flex-50">
-            {{ taxComponentData.creditAccountType.value | translateKey: 'catalogs' }}
+            {{
+              'labels.inputs.accounting.' +
+                (taxComponentData.creditAccountType.value?.split('.')[1] || '').toUpperCase() | translate
+            }}
           </div>
         }