change statuses to adapt to woocommerce statuses

frontend/src/constants/dashboardConstants.js

@@ -30,10 +30,10 @@ export const dashboardTexts = {
     },
     statuses: {
         open: 'Open',
-        'in-progress': 'In Progress',
-        production: 'Production',
+        processing: 'In Progress',
+        completed: 'Production',
         'end-of-life': 'End Of Life',
-        canceled: 'Canceled',
+        cancelled: 'Cancelled',
         'not-accepted': 'Not Accepted',
         invalid: 'Invalid',
         pending: 'Pending'

frontend/src/containers/dashboard/NextActions.scss

@@ -36,8 +36,8 @@
         background: $not-accepted-status-color;
     }
 
-    .in-progress {
-        background: $in-progress-status-color;
+    .processing {
+        background: $processing-status-color;
     }
 
     .next-action-details{

frontend/src/containers/dashboard/OrderCentral.scss

@@ -31,15 +31,15 @@
         background: $open-status-color;
     }
 
-    .in-progress {
-        background: $in-progress-status-color;
+    .processing {
+        background: $processing-status-color;
     }
 
     .line-open {
         border-left: 3px $open-status-color solid;
     }
 
-    .line-in-progress {
-        border-left: 3px $in-progress-status-color solid;
+    .line-processing {
+        border-left: 3px $processing-status-color solid;
     }
 }