From 08374f9b049621a9f81c101afc750323c7ba7662 Mon Sep 17 00:00:00 2001
From: laxmanhalaki <laxman.halaki@tech4biz.org>
Date: Fri, 19 Dec 2025 21:53:24 +0530
Subject: [PATCH] build issue resolved

---
 src/components/sla/SLAProgressBar/SLAProgressBar.tsx      | 8 ++++----
 .../request-detail/modals/CreditNoteSAPModal.tsx          | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/sla/SLAProgressBar/SLAProgressBar.tsx b/src/components/sla/SLAProgressBar/SLAProgressBar.tsx
index 4e394b1..25dfbc8 100644
--- a/src/components/sla/SLAProgressBar/SLAProgressBar.tsx
+++ b/src/components/sla/SLAProgressBar/SLAProgressBar.tsx
@@ -6,7 +6,8 @@ import { formatDateDDMMYYYY } from '@/utils/dateFormatter';
 
 export interface SLAData {
   status: 'on_track' | 'normal' | 'approaching' | 'critical' | 'breached';
-  percentageUsed: number;
+  percentageUsed?: number;
+  percent?: number; // Simplified format (alternative to percentageUsed)
   elapsedText: string;
   elapsedHours: number;
   remainingText: string;
@@ -30,7 +31,7 @@ export function SLAProgressBar({
   // Pure presentational component - no business logic
   // If request is closed/approved/rejected or no SLA data, show status message
   // Check if SLA has required fields (percentageUsed or at least some data)
-  const hasValidSLA = sla && (sla.percentageUsed !== undefined || sla.percent !== undefined || sla.elapsedHours !== undefined);
+  const hasValidSLA = sla && (sla.percentageUsed !== undefined || sla.elapsedHours !== undefined);
   
   if (!hasValidSLA || requestStatus === 'approved' || requestStatus === 'rejected' || requestStatus === 'closed') {
     return (
@@ -51,8 +52,7 @@ export function SLAProgressBar({
   // Use percentage-based colors to match approver SLA tracker
   // Green: 0-50%, Amber: 50-75%, Orange: 75-100%, Red: 100%+ (breached)
   // Grey: When paused (frozen state)
-  // Handle both full format (percentageUsed) and simplified format (percent)
-  const percentageUsed = sla.percentageUsed !== undefined ? sla.percentageUsed : (sla.percent || 0);
+  const percentageUsed = sla.percentageUsed !== undefined ? sla.percentageUsed : 0;
   const rawStatus = sla.status || 'on_track';
   
   // Determine colors based on percentage (matching ApprovalStepCard logic)
diff --git a/src/dealer-claim/components/request-detail/modals/CreditNoteSAPModal.tsx b/src/dealer-claim/components/request-detail/modals/CreditNoteSAPModal.tsx
index aace86c..6000c30 100644
--- a/src/dealer-claim/components/request-detail/modals/CreditNoteSAPModal.tsx
+++ b/src/dealer-claim/components/request-detail/modals/CreditNoteSAPModal.tsx
@@ -29,7 +29,7 @@ interface CreditNoteSAPModalProps {
     creditNoteNumber?: string;
     creditNoteDate?: string;
     creditNoteAmount?: number;
-    status?: 'PENDING' | 'APPROVED' | 'ISSUED' | 'SENT';
+    status?: 'PENDING' | 'APPROVED' | 'ISSUED' | 'SENT' | 'CONFIRMED';
   };
   dealerInfo?: {
     dealerName?: string;