35 lines
1.1 KiB
TypeScript
35 lines
1.1 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});
|
|
|
|
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;
|