From bbe672b3721b5faff9969280fa2358580f9aff2b Mon Sep 17 00:00:00 2001
From: Aditya <dev.work@lincpay.co.in>
Date: Fri, 20 Mar 2026 22:24:49 +0530
Subject: [PATCH] fix: KYC tab showing raw clientKycStatus.pending code
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Extract readable label from API status code (e.g. "clientKycStatus.pending" → "Pending")

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../clients-view/kyc-tab/kyc-tab.component.html      |  4 ++--
 .../clients-view/kyc-tab/kyc-tab.component.ts        | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
index 7a40792e4..7dc90dd91 100644
--- a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
+++ b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
@@ -22,8 +22,8 @@
         <h3>{{ 'labels.inputs.KYC Verification' | translate }}</h3>
         <span class="kyc-badge">KYC</span>
         @if (kycData?.kycStatusCode) {
-          <span class="kyc-overall-status" [class]="'status-' + kycData.kycStatusCode.toLowerCase()">
-            {{ kycData.kycStatusCode }}
+          <span class="kyc-overall-status" [class]="'status-' + getStatusClass(kycData.kycStatusCode)">
+            {{ getStatusLabel(kycData.kycStatusCode) }}
           </span>
         }
       </div>
diff --git a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
index cd625dbe9..7da7cfd1e 100644
--- a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
+++ b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
@@ -419,6 +419,18 @@ export class KycTabComponent implements OnInit, OnDestroy {
     this.aadhaarFullNumber = '';
   }
 
+  getStatusLabel(code: string): string {
+    if (!code) return '';
+    const part = code.includes('.') ? code.split('.').pop() : code;
+    return (part.charAt(0).toUpperCase() + part.slice(1)).replace(/_/g, ' ');
+  }
+
+  getStatusClass(code: string): string {
+    if (!code) return '';
+    const part = code.includes('.') ? code.split('.').pop() : code;
+    return part.toLowerCase();
+  }
+
   ngOnDestroy(): void {
     this.destroy$.next();
     this.destroy$.complete();