From 9b9b67c6cd5c9a2b94e2806e54f5d2703531c4d6 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Fri, 5 Apr 2024 09:04:40 +0100
Subject: [PATCH] Added a "Linked Corporate" column to the Groups list

---
 src/pages/(admin)/Lists/GroupList.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/pages/(admin)/Lists/GroupList.tsx b/src/pages/(admin)/Lists/GroupList.tsx
index ba60c9dd..fa72cf58 100644
--- a/src/pages/(admin)/Lists/GroupList.tsx
+++ b/src/pages/(admin)/Lists/GroupList.tsx
@@ -13,10 +13,25 @@ import Select from "react-select";
 import {toast} from "react-toastify";
 import readXlsxFile from "read-excel-file";
 import {useFilePicker} from "use-file-picker";
+import {getUserCorporate} from "@/utils/groups";
 
 const columnHelper = createColumnHelper<Group>();
 const EMAIL_REGEX = new RegExp(/^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$/);
 
+const LinkedCorporate = ({userId}: {userId: string}) => {
+	const [companyName, setCompanyName] = useState("");
+	const [isLoading, setIsLoading] = useState(false);
+
+	useEffect(() => {
+		setIsLoading(true);
+		getUserCorporate(userId)
+			.then((result) => setCompanyName(result?.corporateInformation?.companyInformation?.name || ""))
+			.finally(() => setIsLoading(false));
+	}, [userId]);
+
+	return isLoading ? <span className="animate-pulse">Loading...</span> : <>{companyName}</>;
+};
+
 interface CreateDialogProps {
 	user: User;
 	users: User[];
@@ -209,6 +224,10 @@ export default function GroupList({user}: {user: User}) {
 				</div>
 			),
 		}),
+		columnHelper.accessor("admin", {
+			header: "Linked Corporate",
+			cell: (info) => <LinkedCorporate userId={info.getValue()} />,
+		}),
 		columnHelper.accessor("participants", {
 			header: "Participants",
 			cell: (info) =>