From 9f5c4ef0c773192cd0afdaaa43c7ef16eca05526 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Tue, 5 Dec 2023 11:26:30 +0545
Subject: [PATCH] fix (projectDetails): task_priority_str added to statuses

---
 src/frontend/src/components/DialogTaskActions.jsx   | 13 ++++++++-----
 .../src/utilfunctions/getTaskStatusStyle.js         |  3 ++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/DialogTaskActions.jsx b/src/frontend/src/components/DialogTaskActions.jsx
index ee3258cff6..d41bb965e3 100755
--- a/src/frontend/src/components/DialogTaskActions.jsx
+++ b/src/frontend/src/components/DialogTaskActions.jsx
@@ -4,13 +4,15 @@ import ProjectTaskStatus from '../api/ProjectTaskStatus';
 import MapStyles from '../hooks/MapStyles';
 import CoreModules from '../shared/CoreModules';
 import { CommonActions } from '../store/slices/CommonSlice';
+import { task_priority_str } from '../types/enums';
+
 export default function Dialog({ taskId, feature, map, view }) {
   // const featureStatus = feature.id_ != undefined ? feature.id_.replace("_", ",").split(',')[1] : null;
   const projectData = CoreModules.useAppSelector((state) => state.project.projectTaskBoundries);
   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('READY');
+  const [task_status, set_task_status] = useState(task_priority_str['READY']);
 
   const geojsonStyles = MapStyles();
   const dispatch = CoreModules.useAppDispatch();
@@ -32,11 +34,11 @@ export default function Dialog({ taskId, feature, map, view }) {
         })[0],
       };
       const findCorrectTaskStatusIndex = environment.tasksStatus.findIndex(
-        (data) => data.label == currentStatus.task_status,
+        (data) => data.label == task_priority_str[currentStatus.task_status],
       );
       const tasksStatus =
         feature.id_ != undefined ? environment.tasksStatus[findCorrectTaskStatusIndex]?.['label'] : '';
-      set_task_status(tasksStatus);
+      set_task_status(task_priority_str[tasksStatus]);
       const tasksStatusList =
         feature.id_ != undefined ? environment.tasksStatus[findCorrectTaskStatusIndex]?.['action'] : [];
 
@@ -49,7 +51,7 @@ export default function Dialog({ taskId, feature, map, view }) {
   // });
 
   const handleOnClick = (event) => {
-    const status = event.target.id;
+    const status = task_priority_str[event.target.id];
     const body = token != null ? { ...token } : {};
     const geoStyle = geojsonStyles[status];
     if (event.target.id != undefined) {
@@ -100,7 +102,8 @@ export default function Dialog({ taskId, feature, map, view }) {
       </CoreModules.Stack>
       <CoreModules.Stack direction={'row'} pl={1}>
         <CoreModules.Typography variant="h3">
-          {`STATUS : ${task_status?.toString()?.replaceAll('_', ' ')}`}
+          {/* {`STATUS : ${task_status?.toString()?.replaceAll('_', ' ')}`} */}
+          {`STATUS : ${task_priority_str[task_status]}`}
         </CoreModules.Typography>
       </CoreModules.Stack>
       <CoreModules.Link
diff --git a/src/frontend/src/utilfunctions/getTaskStatusStyle.js b/src/frontend/src/utilfunctions/getTaskStatusStyle.js
index 9e19cbc52f..3d4f43dc49 100644
--- a/src/frontend/src/utilfunctions/getTaskStatusStyle.js
+++ b/src/frontend/src/utilfunctions/getTaskStatusStyle.js
@@ -2,6 +2,7 @@ import { Fill, Icon, Stroke, Style } from 'ol/style';
 import { transform } from 'ol/proj';
 import { Point } from 'ol/geom';
 import AssetModules from '../shared/AssetModules';
+import { task_priority_str } from '../types/enums';
 
 function createPolygonStyle(fillColor, strokeColor) {
   return new Style({
@@ -34,7 +35,7 @@ const strokeColor = 'rgb(0,0,0,0.5)';
 
 const getTaskStatusStyle = (feature, mapTheme) => {
   let id = feature.getId().toString().replace('_', ',');
-  const status = id.split(',')[1];
+  const status = task_priority_str[id.split(',')[1]];
   const lockedPolygonStyle = createPolygonStyle(mapTheme.palette.mapFeatureColors.locked_for_mapping_rgb, strokeColor);
   const lockedValidationStyle = createPolygonStyle(
     mapTheme.palette.mapFeatureColors.locked_for_validation_rgb,