ENCOA-96: License Distribuition system from Master Corporate to Corporate

src/dashboards/MasterCorporate.tsx

@@ -52,6 +52,7 @@ import Select from "@/components/Low/Select";
 import {Menu, MenuButton, MenuItem, MenuItems} from "@headlessui/react";
 import {Popover, PopoverContent, PopoverTrigger} from "@/components/ui/popover";
 import MasterStatistical from "./MasterStatistical";
+import useUserBalance from "@/hooks/useUserBalance";
 
 interface Props {
 	user: MasterCorporateUser;
@@ -306,8 +307,8 @@ export default function MasterCorporateDashboard({user}: Props) {
 
 	const {stats} = useStats();
 	const {users, reload} = useUsers();
-	const {codes} = useCodes(user.id);
 	const {groups} = useGroups({admin: user.id, userType: user.type});
+	const {balance} = useUserBalance();
 
 	const masterCorporateUserGroups = [...new Set(groups.filter((u) => u.admin === user.id).flatMap((g) => g.participants))];
 
@@ -671,7 +672,7 @@ export default function MasterCorporateDashboard({user}: Props) {
 				<IconCard
 					Icon={BsPersonCheck}
 					label="User Balance"
-					value={`${codes.length}/${user.corporateInformation?.companyInformation?.userAmount || 0}`}
+					value={`${balance}/${user.corporateInformation?.companyInformation?.userAmount || 0}`}
 					color="purple"
 				/>
 				<IconCard
@@ -774,6 +775,11 @@ export default function MasterCorporateDashboard({user}: Props) {
 					{selectedUser && (
 						<div className="w-full flex flex-col gap-8">
 							<UserCard
+								maxUserAmount={
+									user.type === "mastercorporate"
+										? (user.corporateInformation?.companyInformation?.userAmount || 0) - balance
+										: undefined
+								}
 								loggedInUser={user}
 								onClose={(shouldReload) => {
 									setSelectedUser(undefined);