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 b38545d6..c0644c2d 100644 --- a/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx +++ b/worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx @@ -43,7 +43,7 @@ const RatecardDrawer = ({ const [isAddingRole, setIsAddingRole] = useState(false); const [selectedJobTitleId, setSelectedJobTitleId] = useState(undefined); const [searchQuery, setSearchQuery] = useState(''); - const [currency, setCurrency] = useState('LKR'); + const [currency, setCurrency] = useState('USD'); const [name, setName] = useState('Untitled Rate Card'); const [jobTitles, setJobTitles] = useState({}); const [pagination, setPagination] = useState({ @@ -95,7 +95,7 @@ const RatecardDrawer = ({ if (type === 'update' && drawerRatecard) { setRoles(drawerRatecard.jobRolesList || []); setName(drawerRatecard.name || ''); - setCurrency(drawerRatecard.currency || 'LKR'); + setCurrency(drawerRatecard.currency || 'USD'); } }, [drawerRatecard, type]); @@ -121,15 +121,17 @@ const RatecardDrawer = ({ setRoles(mergedRoles); }; + const handleAddRole = () => { - // Only allow adding if there are job titles not already in roles const existingIds = new Set(roles.map(r => r.job_title_id)); const availableJobTitles = jobTitles.data?.filter(jt => !existingIds.has(jt.id!)); if (availableJobTitles && availableJobTitles.length > 0) { setRoles([...roles, { job_title_id: '', rate: 0 }]); - setAddingRowIndex(roles.length); // index of the new row + setAddingRowIndex(roles.length); + setIsAddingRole(true); } }; + const handleDeleteRole = (index: number) => { const updatedRoles = [...roles]; updatedRoles.splice(index, 1); @@ -185,7 +187,7 @@ const RatecardDrawer = ({ } finally { setRoles([]); setName('Untitled Rate Card'); - setCurrency('LKR'); + setCurrency('USD'); } } }; @@ -253,14 +255,13 @@ const RatecardDrawer = ({ render: (text: number, record: any, index: number) => ( { const updatedRoles = roles.map((role, idx) => @@ -322,8 +323,8 @@ const RatecardDrawer = ({ setIsAddingRole(false)} - filterOption={(input, option) => - (option?.children as string).toLowerCase().includes(input.toLowerCase()) - } - > - {jobTitles.data?.map((jt) => ( - - {jt.name} - - ))} - - ) : ( - - ) )} />