From f8f8ee5e1354d5c4ab138cb067221a62065ddf35 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Tue, 9 Jan 2024 14:00:01 +0000
Subject: [PATCH] Hid the country manager from the corporate on the payment
 records

---
 src/pages/payment-record.tsx | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/pages/payment-record.tsx b/src/pages/payment-record.tsx
index dc6160b3..3a65b0a2 100644
--- a/src/pages/payment-record.tsx
+++ b/src/pages/payment-record.tsx
@@ -540,9 +540,25 @@ export default function PaymentRecord() {
 		}
 	};
 
-	const commissionColumn = () => {
+	const hiddenToCorporateColumns = () => {
 		if (user && user.type !== "corporate")
 			return [
+				columnHelper.accessor("agent", {
+					header: "Country Manager",
+					id: "agent",
+					cell: (info) => {
+						const {user, value} = columHelperValue(info.column.id, info);
+						return (
+							<div
+								className={clsx(
+									"underline text-mti-purple-light hover:text-mti-purple-dark transition ease-in-out duration-300 cursor-pointer",
+								)}
+								onClick={() => setSelectedAgentUser(user)}>
+								{value}
+							</div>
+						);
+					},
+				}),
 				columnHelper.accessor("agentCommission", {
 					header: "Commission",
 					id: "agentCommission",
@@ -608,23 +624,7 @@ export default function PaymentRecord() {
 				return <span>{finalValue}</span>;
 			},
 		}),
-		columnHelper.accessor("agent", {
-			header: "Country Manager",
-			id: "agent",
-			cell: (info) => {
-				const {user, value} = columHelperValue(info.column.id, info);
-				return (
-					<div
-						className={clsx(
-							"underline text-mti-purple-light hover:text-mti-purple-dark transition ease-in-out duration-300 cursor-pointer",
-						)}
-						onClick={() => setSelectedAgentUser(user)}>
-						{value}
-					</div>
-				);
-			},
-		}),
-		...commissionColumn(),
+		...hiddenToCorporateColumns(),
 		columnHelper.accessor("isPaid", {
 			header: "Paid",
 			id: "isPaid",