TP-53770 | fee waiver fix (#956)

* TP-53770 | Fee waiver v2

* TP-53770 | fee waiver api integrations

* TP-53770 | lint

* TP-53770 | fix

* TP-53770 | fee waiver clickstream

* TP-53770 | fixes

* TP-53770 | fix

* TP-53770 | remove routing key

* TP-53770 | cosmetic fix

src/pages/CaseDetails/components/EmiSchedule/WaiveFeeDrawerV2.tsx

@@ -26,8 +26,15 @@ export interface IWaiveFeeDrawerV2 {
 }
 
 const WaiveFeeDrawerV2: React.FC<IWaiveFeeDrawerV2> = ({ emiItem, isOpen, closeDrawer }) => {
-  const { emiNumber, unpaidDueAmount, additionalWaiverInfo, referenceId, action, isMaxWaived } =
-    emiItem || {};
+  const {
+    emiNumber,
+    unpaidDueAmount,
+    additionalWaiverInfo,
+    referenceId,
+    action,
+    isMaxWaived,
+    waivedAmount
+  } = emiItem || {};
   const { loanId = '', customerId = '' } = useParams();
 
   const { maxWaivableAmount } = additionalWaiverInfo || {};
@@ -144,7 +151,9 @@ const WaiveFeeDrawerV2: React.FC<IWaiveFeeDrawerV2> = ({ emiItem, isOpen, closeD
     <Drawer
       open={isOpen}
       onClose={closeDrawer}
-      headerText={`${EmiFeeActionLabelMap[action || EmiFeeActions.HOLD]} penalty charges`}
+      headerText={`${
+        waivedAmount > 0 ? 'Waive' : EmiFeeActionLabelMap[action || EmiFeeActions.HOLD]
+      } penalty charges`}
       headerContainerClasses={styles.borderBottom}
       footer={
         <FeeWaiverActionButtons
@@ -163,7 +172,9 @@ const WaiveFeeDrawerV2: React.FC<IWaiveFeeDrawerV2> = ({ emiItem, isOpen, closeD
       ) : (
         <div key={referenceId}>
           <Typography variant="h5" className="text-xs mt-4">
-            {`${EmiFeeActionLabelMap[action || EmiFeeActions.HOLD]} details`}
+            {`${
+              waivedAmount > 0 ? 'Waive' : EmiFeeActionLabelMap[action || EmiFeeActions.HOLD]
+            } details`}
           </Typography>
           <div className="mt-2">
             <FeeWaiveInfoBanner emiData={emiItem} />