fix(frontend): use task status string directly (#1032)

* fix: returned task status as string

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* fix (projectDetails): taskStatus - replace task status enum with task status string

---------

Co-authored-by: sujanadh <sujanadh07@gmail.com>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

src/frontend/src/components/DialogTaskActions.jsx

@@ -12,7 +12,7 @@ export default function Dialog({ taskId, feature, map, view }) {
   const token = CoreModules.useAppSelector((state) => state.login.loginToken);
   const loading = CoreModules.useAppSelector((state) => state.common.loading);
   const [list_of_task_status, set_list_of_task_status] = useState([]);
-  const [task_status, set_task_status] = useState(task_priority_str['READY']);
+  const [task_status, set_task_status] = useState('READY');
 
   const geojsonStyles = MapStyles();
   const dispatch = CoreModules.useAppDispatch();
@@ -34,11 +34,11 @@ export default function Dialog({ taskId, feature, map, view }) {
         })[0],
       };
       const findCorrectTaskStatusIndex = environment.tasksStatus.findIndex(
-        (data) => data.label == task_priority_str[currentStatus.task_status],
+        (data) => data.label == currentStatus.task_status,
       );
       const tasksStatus =
         feature.id_ != undefined ? environment.tasksStatus[findCorrectTaskStatusIndex]?.['label'] : '';
-      set_task_status(task_priority_str[tasksStatus]);
+      set_task_status(tasksStatus);
       const tasksStatusList =
         feature.id_ != undefined ? environment.tasksStatus[findCorrectTaskStatusIndex]?.['action'] : [];
 
@@ -53,7 +53,7 @@ export default function Dialog({ taskId, feature, map, view }) {
   const handleOnClick = (event) => {
     const status = task_priority_str[event.target.id];
     const body = token != null ? { ...token } : {};
-    const geoStyle = geojsonStyles[status];
+    const geoStyle = geojsonStyles[event.target.id];
     if (event.target.id != undefined) {
       if (body.hasOwnProperty('id')) {
         dispatch(
@@ -103,7 +103,7 @@ export default function Dialog({ taskId, feature, map, view }) {
       <CoreModules.Stack direction={'row'} pl={1}>
         <CoreModules.Typography variant="h3">
           {/* {`STATUS : ${task_status?.toString()?.replaceAll('_', ' ')}`} */}
-          {`STATUS : ${task_priority_str[task_status]}`}
+          {`STATUS : ${task_status}`}
         </CoreModules.Typography>
       </CoreModules.Stack>
       <CoreModules.Link

src/frontend/src/utilfunctions/getTaskStatusStyle.js

@@ -35,7 +35,7 @@ const strokeColor = 'rgb(0,0,0,0.5)';
 
 const getTaskStatusStyle = (feature, mapTheme) => {
   let id = feature.getId().toString().replace('_', ',');
-  const status = task_priority_str[id.split(',')[1]];
+  const status = id.split(',')[1];
   const lockedPolygonStyle = createPolygonStyle(mapTheme.palette.mapFeatureColors.locked_for_mapping_rgb, strokeColor);
   const lockedValidationStyle = createPolygonStyle(
     mapTheme.palette.mapFeatureColors.locked_for_validation_rgb,