From cc8dca7b7557bec038bc50faa33e0a334c291ebe Mon Sep 17 00:00:00 2001
From: shancds <shancds1@gmail.com>
Date: Tue, 20 May 2025 18:01:00 +0530
Subject: [PATCH] fix(ratecard): update input value handling and change
 'Ratecard' to 'Rate Card' in settings

---
 .../features/finance/ratecard-drawer/ratecard-drawer.tsx   | 7 ++++---
 worklenz-frontend/src/lib/settings/settings-constants.ts   | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx b/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx
index a845d697..d6cb3331 100644
--- a/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx
+++ b/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx
@@ -188,7 +188,7 @@ const RatecardDrawer = ({
       render: (text: number, record: any, index: number) => (
         <Input
           type="number"
-          value={text}
+          value={roles[index]?.rate ?? 0}
           style={{
             background: 'transparent',
             border: 'none',
@@ -196,8 +196,9 @@ const RatecardDrawer = ({
             padding: 0,
           }}
           onChange={(e) => {
-            const updatedRoles = [...roles];
-            updatedRoles[index].rate = parseInt(e.target.value, 10) || 0;
+            const updatedRoles = roles.map((role, idx) =>
+              idx === index ? { ...role, rate: parseInt(e.target.value, 10) || 0 } : role
+            );
             setRoles(updatedRoles);
           }}
         />
diff --git a/worklenz-frontend/src/lib/settings/settings-constants.ts b/worklenz-frontend/src/lib/settings/settings-constants.ts
index 71f8888a..77423141 100644
--- a/worklenz-frontend/src/lib/settings/settings-constants.ts
+++ b/worklenz-frontend/src/lib/settings/settings-constants.ts
@@ -127,7 +127,7 @@ export const settingsItems: SettingMenuItems[] = [
   },
   {
     key: 'ratecard',
-    name: 'Ratecard',
+    name: 'Rate Card',
     endpoint: 'ratecard',
     icon: React.createElement(DollarCircleOutlined),
     element: React.createElement(RatecardSettings),