Fix(Ratecard): translate locate update

worklenz-frontend/public/locales/en/project-view-finance.json

@@ -26,6 +26,10 @@
     "jobTitleColumn": "Job Title",
     "ratePerHourColumn": "Rate per hour",
     "ratecardPluralText": "Rate Cards",
-    "labourHoursColumn": "Labour Hours"
+    "labourHoursColumn": "Labour Hours",
+    "actions": "Actions",
+    "selectJobTitle": "Select Job Title",
+    "ratecardsPluralText": "Rate Card Templates"
+
   }
   

worklenz-frontend/public/locales/en/settings/ratecard-settings.json

@@ -19,6 +19,7 @@
   "currency": "Currency",
   "actionsColumn": "Actions",
   "addAllButton": "Add All",
-  "removeAllButton": "Remove All"
+  "removeAllButton": "Remove All",
+  "selectJobTitle": "Select job title"
 
 }

worklenz-frontend/src/features/finance/ratecard-drawer/ratecard-drawer.tsx

@@ -220,6 +220,9 @@ const RatecardDrawer = ({
                 setAddingRowIndex(null);
               }}
               onBlur={() => {
+                if (roles[index].job_title_id === ""){
+                  handleDeleteRole(index);
+                }
                 setEditingRowIndex(null);
                 setAddingRowIndex(null);
               }}
@@ -241,7 +244,7 @@ const RatecardDrawer = ({
         return (
           <span
             style={{ cursor: 'pointer' }}
-            onClick={() => setEditingRowIndex(index)}
+            // onClick={() => setEditingRowIndex(index)}
           >
             {record.jobtitle}
           </span>

worklenz-frontend/src/pages/projects/projectView/finance/ratecard-tab/reatecard-table/ratecard-table.tsx

@@ -255,6 +255,7 @@ const RatecardTable: React.FC = () => {
     {
       title: t('actions'),
       key: 'actions',
+      align: 'center',
       render: (_: any, record: JobRoleType, index: number) => (
         <Popconfirm
           title={t('deleteConfirm')}
@@ -288,18 +289,18 @@ const RatecardTable: React.FC = () => {
       pagination={false}
       loading={isLoading || isLoadingMembers}
       footer={() => (
-        <Flex gap={8}>
+        <Flex gap={0}>
           <Button type="dashed" onClick={handleAddRole} style={{ width: 'fit-content' }}>
             {t('addRoleButton')}
           </Button>
-          <Button
+          {/* <Button
             type="primary"
             icon={<SaveOutlined />}
             onClick={handleSaveAll}
             disabled={roles.length === 0}
           >
             {t('saveButton') || 'Save'}
-          </Button>
+          </Button> */}
         </Flex>
       )}
     />