Chore : Minor improvements (#608)

Author: joyguptaa

__tests__/user-details/task-duedate-hover.test.js

@@ -287,7 +287,7 @@ describe('Tasks On User Management Page', () => {
     );
 
     expect(fourthTaskHTML).toContain('<div class="task-title">');
-    expect(fourthTaskHTML).toContain('<progress class="green"');
+    expect(fourthTaskHTML).toContain('<progress');
     expect(fourthTaskHTML).toContain('<div class="detail-block eta">');
     expect(fourthTaskHTML).toContain('<div class="detail-block status">');
     expect(fourthTaskHTML).toContain('<div class="detail-block startedOn">');

users/details/constants.js

@@ -21,3 +21,20 @@ const iconMapper = {
 const MESSAGE_NOT_FOUND = 'Not Found';
 const MESSAGE_YEARS_OF_EXPERIENCE = 'Years of Experience';
 const noProgressbarStatuses = ['COMPLETED', 'DONE', 'VERIFIED'];
+const READABLE_STATUS = {
+  UN_ASSIGNED: 'Unassigned',
+  ASSIGNED: 'Assigned',
+  IN_PROGRESS: 'In Progress',
+  BLOCKED: 'Blocked',
+  COMPLETED: 'Completed',
+  NEEDS_REVIEW: 'Needs Review',
+  IN_REVIEW: 'In Review',
+  APPROVED: 'Approved',
+  SMOKE_TESTING: 'Smoke Testing',
+  SANITY_CHECK: 'Sanity Check',
+  REGRESSION_CHECK: 'Regression Check',
+  MERGED: 'Merged',
+  RELEASED: 'Released',
+  VERIFIED: 'Verifed',
+  DONE: 'Done',
+};

users/details/utils.js

@@ -150,7 +150,7 @@ const generateCardUIInDev = (task) => {
       </div>
       <div class="detail-block status">
         <p class="div-heading">Status</p>
-        <p class="div-detail">${task.status || 'N/A'}</p>
+        <p class="div-detail">${READABLE_STATUS[task.status] || 'N/A'}</p>
       </div>
     </div>
     <div class="row">