ENCOA-183: Initial test changes for corporates grouped by name

src/dashboards/MasterCorporate.tsx

@@ -55,6 +55,7 @@ import MasterStatistical from "./MasterStatistical";
 import {futureAssignmentFilter, pastAssignmentFilter, archivedAssignmentFilter, activeAssignmentFilter} from "@/utils/assignments";
 import useUserBalance from "@/hooks/useUserBalance";
 import AssignmentsPage from "./views/AssignmentsPage";
+import { group } from "console";
 
 interface Props {
 	user: MasterCorporateUser;
@@ -360,8 +361,14 @@ export default function MasterCorporateDashboard({user}: Props) {
 		</div>
 	);
 
-	const corporateUserFilter = (x: User) => x.type === "corporate";
+	const groupedByNameCorporates = groupBy(corporates, (x: CorporateUser) => x.corporateInformation?.companyInformation?.name);
+	const groupedByNameCorporatesKeys = Object.keys(groupedByNameCorporates);
+	const groupedByNameCorporateIds = groupedByNameCorporatesKeys.reduce((accm, x) => {
+		const corporateUserIds = (groupedByNameCorporates[x] as CorporateUser[]).map((y) => y.id);
+		return { ...accm, [x]: corporateUserIds };
+	}, {});
 
+	console.log("groupedByNameCorporates", groupedByNameCorporates, groupedByNameCorporateIds);
 	const GroupsList = () => {
 		return (
 			<>
@@ -414,7 +421,7 @@ export default function MasterCorporateDashboard({user}: Props) {
 					</div>
 					<h2 className="text-2xl font-semibold">Master Statistical</h2>
 				</div>
-				<MasterStatistical users={users} corporateUsers={corporates} />
+				<MasterStatistical users={users} corporateUsers={groupedByNameCorporateIds} />
 			</>
 		);
 	};
@@ -468,12 +475,20 @@ export default function MasterCorporateDashboard({user}: Props) {
 				/>
 				<IconCard
 					Icon={BsBank}
-					label="Corporate"
+					label="Corporate Accounts"
 					value={corporates.length}
 					isLoading={isCorporatesLoading}
 					color="purple"
 					onClick={() => router.push("/#corporate")}
 				/>
+				<IconCard
+					Icon={BsBank}
+					label="Corporate"
+					value={groupedByNameCorporatesKeys.length}
+					isLoading={isCorporatesLoading}
+					color="purple"
+					// onClick={() => router.push("/#corporate")}
+				/>
 				<IconCard
 					Icon={BsPersonFillGear}
 					isLoading={isStudentsLoading}