From 41873f80d72a04c34c7087ff2cc2b4587e9763f7 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Thu, 18 Jul 2024 15:45:28 +0100
Subject: [PATCH] ENCOA-66: Payment record not sorting

---
 src/pages/payment-record.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/payment-record.tsx b/src/pages/payment-record.tsx
index 16b16b3c..51801211 100644
--- a/src/pages/payment-record.tsx
+++ b/src/pages/payment-record.tsx
@@ -788,10 +788,11 @@ export default function PaymentRecord() {
 	const {rows: filteredRows, renderSearch} = useListSearch(paypalFilterRows, updatedPaypalPayments);
 
 	const paypalTable = useReactTable({
-		data: filteredRows,
+		data: filteredRows.sort((a, b) => moment(b.createdAt).diff(moment(a.createdAt), "second")),
 		columns: paypalColumns,
 		getCoreRowModel: getCoreRowModel(),
 	});
+
 	const getUserModal = () => {
 		if (user) {
 			if (selectedCorporateUser) {
@@ -888,7 +889,7 @@ export default function PaymentRecord() {
 	const {rows: csvRows, columns: csvColumns} = getCSVData();
 
 	const renderTable = (table: Table<any>) => (
-		<table className="rounded-xl bg-mti-purple-ultralight/40 w-full">
+		<table className="rounded-xl h-full bg-mti-purple-ultralight/40 w-full">
 			<thead>
 				{table.getHeaderGroups().map((headerGroup) => (
 					<tr key={headerGroup.id}>