Added support for currency in the CSV

src/pages/payment-record.tsx

@@ -486,8 +486,7 @@ export default function PaymentRecord() {
 			case 'amount': {
 				const value = info.getValue();
 				const numberValue = toFixedNumber(value, 2)
-				const currency = CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label
-				return { value: `${numberValue} ${currency}` };
+				return { value: numberValue }
 			}
 			case 'date': {
 				const value = info.getValue();
@@ -501,6 +500,11 @@ export default function PaymentRecord() {
 					value: user?.corporateInformation.companyInformation.name || user?.name,
 				};
 			}
+			case 'currency': {
+				return {
+					value: info.row.original.currency,
+				};
+			}
 			case 'isPaid':
 			case 'corporateId':
 			default: {
@@ -550,7 +554,9 @@ export default function PaymentRecord() {
 			id: "amount",
 			cell: (info) => {
 				const { value } = columHelperValue(info.column.id, info);
-				return <span>{value}</span>;
+				const currency = CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label
+				const finalValue = `${value} ${currency}`;
+				return <span>{finalValue}</span>;
 			}
 		}),
 		columnHelper.accessor("agent", {
@@ -580,7 +586,9 @@ export default function PaymentRecord() {
 			id: "agentValue",
 			cell: (info) => {
 				const { value } = columHelperValue(info.column.id, info);
-				return <span>{value}</span>;
+				const currency = CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label
+				const finalValue = `${value} ${currency}`;
+				return <span>{finalValue}</span>;
 			},
 		}),
 		columnHelper.accessor("isPaid", {
@@ -678,7 +686,6 @@ export default function PaymentRecord() {
 			const data = whitelistedColumns.map((data) => ({
 				key: data.column.columnDef.id,
 				label: data.column.columnDef.header,
-				index: data.index,
 			})) as SimpleCSVColumn[];
 		
 			return [
@@ -688,12 +695,19 @@ export default function PaymentRecord() {
 		}, []);
 
 		const { rows } = table.getRowModel();
-
+	
+		const finalColumns = [
+			...columns,
+			{
+				key: 'currency',
+				label: 'Currency',
+			},
+		];
 
 		return {
-			columns,
-			rows:  rows.map((row) => {
-				return columns.reduce((accm, { key, index }) => {
+			columns: finalColumns,
+			rows: rows.map((row) => {
+				return finalColumns.reduce((accm, { key }) => {
 					const { value } = columHelperValue(key, {
 						row,
 						getValue: () => row.getValue(key),