Add vendor name sort on all bills page IO-482

client/src/pages/bills/bills.page.component.jsx

@@ -39,9 +39,20 @@ export function BillsListPage({
       title: t("bills.fields.vendorname"),
       dataIndex: "vendorname",
       key: "vendorname",
-      //   sorter: (a, b) => alphaSort(a.vendor.name, b.vendor.name),
-      //   sortOrder:
-      //        state.sortedInfo.columnKey === "vendorname" && state.sortedInfo.order,
+      sortObject: (direction) => {
+        return {
+          vendor: {
+            name: direction
+              ? direction === "descend"
+                ? "desc"
+                : "asc"
+              : "desc",
+          },
+        };
+      },
+      sorter: (a, b) => alphaSort(a.vendor.name, b.vendor.name),
+      sortOrder:
+        state.sortedInfo.columnKey === "vendorname" && state.sortedInfo.order,
       render: (text, record) => <span>{record.vendor.name}</span>,
     },
     {
@@ -138,8 +149,15 @@ export function BillsListPage({
   const handleTableChange = (pagination, filters, sorter) => {
     setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
     search.page = pagination.current;
-    search.sortcolumn = sorter.columnKey;
-    search.sortorder = sorter.order;
+    if (sorter && sorter.column && sorter.column.sortObject) {
+      search.searchObj = JSON.stringify(sorter.column.sortObject(sorter.order));
+    } else {
+      delete search.searchObj;
+      search.sortcolumn = sorter.order ? sorter.columnKey : null;
+      search.sortorder = sorter.order;
+    }
+
+    search.sort = JSON.stringify({ [sorter.columnKey]: sorter.order });
     history.push({ search: queryString.stringify(search) });
   };