fix closing cause in list SU

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonor",
-  "version": "0.5.32",
+  "version": "0.5.33",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",

src/components/ListSU/SurveyUnitLine.jsx

@@ -17,6 +17,7 @@ function SurveyUnitLine({
     state,
     remindersByOrder = [],
     contactOutcome,
+    closingCause,
   } = lineData;
 
   const getReminderDescription = (reminder) => {
@@ -115,7 +116,7 @@ function SurveyUnitLine({
           </td>
         </>
       )}
-      <td className="ColState">{state ? D[state] : ""}</td>
+      <td className="ColState">{closingCause ? D[closingCause] : ""}</td>
     </tr>
   );
 }

src/utils/Utils.js

@@ -186,8 +186,7 @@ class Utils {
       'survey',
       'site',
       'date',
-      'finalizationDate',
-      'state',
+      'finalizationDate',      
     ];
     if (labelsSimpleSort.includes(sortOn)) {
       return (a, b) => {
@@ -200,6 +199,21 @@ class Utils {
         return mainSort ? mainSortFunc(a, b) : 0;
       };
     }
+    if (sortOn === 'state') {
+      return (a, b) => {
+        const aState = a.closingCause ? D[a.closingCause] : undefined;
+        const bState = b.closingCause ? D[b.closingCause] : undefined;
+
+        if(!aState || !bState){
+          return aState ? -1 * mult : 1 * mult;
+        }
+        if (aState !== bState) {
+          return (aState < bState ? -1 : 1) * mult;
+        }
+        return mainSort ? mainSortFunc(a, b) : 0;
+      };
+    }
+
     if (sortOn === 'CPinterviewer') {
       return (a, b) => {
         const aString = a.interviewerLastName + a.interviewerFirstName;