Add payment number and date. IO-610

client/src/components/payments-list-paginated/payment-list-paginated.component.jsx

@@ -5,7 +5,7 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useHistory, useLocation } from "react-router-dom";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
-import { DateTimeFormatter } from "../../utils/DateFormatter";
+import { DateFormatter, DateTimeFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";
 
 import { connect } from "react-redux";
@@ -51,7 +51,13 @@ export function PaymentsListPaginated({
         </Link>
       ),
     },
-
+    {
+      title: t("payments.fields.paymentnum"),
+      dataIndex: "paymentnum",
+      key: "paymentnum",
+      sorter: (a, b) => alphaSort(a.paymentnum, b.paymentnum),
+      sortOrder: sortcolumn === "paymentnum" && sortorder,
+    },
     {
       title: t("jobs.fields.owner"),
       dataIndex: "owner",
@@ -73,6 +79,15 @@ export function PaymentsListPaginated({
         );
       },
     },
+    {
+      title: t("payments.fields.date"),
+      dataIndex: "date",
+      key: "date",
+      sorter: (a, b) => alphaSort(a.date, b.date),
+      sortOrder:
+        state.sortedInfo.columnKey === "date" && state.sortedInfo.order,
+      render: (text, record) => <DateFormatter>{record.date}</DateFormatter>,
+    },
     {
       title: t("payments.fields.amount"),
       dataIndex: "amount",