IO-1167 Resolve sorting on payments table.

client/src/components/accounting-payments-table/accounting-payments-table.component.jsx

@@ -54,7 +54,7 @@ export default function AccountingPayablesTableComponent({
       ellipsis: true,
       sorter: (a, b) => alphaSort(a.job.ownr_ln, b.job.ownr_ln),
       sortOrder:
-        state.sortedInfo.columnKey === "ownr_ln" && state.sortedInfo.order,
+        state.sortedInfo.columnKey === "owner" && state.sortedInfo.order,
       render: (text, record) => {
         return record.job.owner ? (
           <Link to={"/manage/owners/" + record.job.owner.id}>

client/src/components/job-payments/job-payments.component.jsx

@@ -8,8 +8,8 @@ import { selectJobReadOnly } from "../../redux/application/application.selectors
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
-import { DateTimeFormatter } from "../../utils/DateFormatter";
-import { alphaSort } from "../../utils/sorters";
+import { DateFormatter } from "../../utils/DateFormatter";
+import { alphaSort, dateSort } from "../../utils/sorters";
 import { TemplateList } from "../../utils/TemplateConstants";
 import DataLabel from "../data-label/data-label.component";
 import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
@@ -40,14 +40,14 @@ export function JobPayments({
   });
   const columns = [
     {
-      title: t("payments.fields.created_at"),
-      dataIndex: "created_at",
-      key: "created_at",
+      title: t("payments.fields.date"),
+      dataIndex: "date",
+      key: "date",
+      sorter: (a, b) => dateSort(a.date, b.date),
+
       sortOrder:
-        state.sortedInfo.columnKey === "created_at" && state.sortedInfo.order,
-      render: (text, record) => (
-        <DateTimeFormatter>{record.created_at}</DateTimeFormatter>
-      ),
+        state.sortedInfo.columnKey === "date" && state.sortedInfo.order,
+      render: (text, record) => <DateFormatter>{record.date}</DateFormatter>,
     },
     {
       title: t("payments.fields.payer"),

client/src/graphql/jobs.queries.js

@@ -565,6 +565,7 @@ export const GET_JOB_BY_PK = gql`
         stripeid
         transactionid
         memo
+        date
       }
       cccontracts {
         id