47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import { CorporateUser } from "@/interfaces/user";
|
|
import { BsBank, BsPersonFill } from "react-icons/bs";
|
|
import IconCard from "./IconCard";
|
|
import useAssignmentsCorporates from '@/hooks/useAssignmentCorporates';
|
|
interface Props {
|
|
users: CorporateUser[];
|
|
}
|
|
const MasterStatistical = (props: Props) => {
|
|
const { users } = props;
|
|
|
|
const usersList = React.useMemo(() => users.map((x) => x.id), [users]);
|
|
|
|
const { assignments } = useAssignmentsCorporates({ corporates: usersList });
|
|
|
|
console.log('Assignments', assignments);
|
|
return (
|
|
<div className="flex flex-wrap gap-2 items-center text-center">
|
|
<IconCard
|
|
Icon={BsBank}
|
|
label="Consolidate"
|
|
value={0}
|
|
color="purple"
|
|
onClick={() => console.log("clicked")}
|
|
/>
|
|
{users.map((group) => (
|
|
<IconCard
|
|
key={group.id}
|
|
Icon={BsBank}
|
|
label={group.corporateInformation?.companyInformation?.name}
|
|
value={0}
|
|
color="purple"
|
|
onClick={() => console.log("clicked", group)}
|
|
/>
|
|
))}
|
|
<IconCard
|
|
onClick={() => console.log("clicked")}
|
|
Icon={BsPersonFill}
|
|
label="Consolidate Highest Student"
|
|
color="purple"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default MasterStatistical;
|