diff --git a/infra/staff/src/components/FamilyComponentTable.tsx b/infra/staff/src/components/FamilyComponentTable.tsx index 2171b3aeda..4ae41c0c6c 100644 --- a/infra/staff/src/components/FamilyComponentTable.tsx +++ b/infra/staff/src/components/FamilyComponentTable.tsx @@ -20,6 +20,7 @@ interface FamilyMember { email: string; status: string; usage: number; + storageLimit: number; } interface UserData { @@ -69,9 +70,11 @@ const FamilyTableComponent: React.FC = () => { ); }, []); - const formatUsageToGB = (usage: number): string => { - const usageInGB = (usage / (1024 * 1024 * 1024)).toFixed(2); - return `${usageInGB} GB`; + console.log(familyMembers); + + const formatBytesToGB = (bytesValue: number): string => { + const valueInGB = (bytesValue / (1024 * 1024 * 1024)).toFixed(2); + return `${valueInGB} GB`; }; const handleOpenCloseFamily = () => { @@ -111,6 +114,9 @@ const FamilyTableComponent: React.FC = () => { + + ID + User @@ -121,13 +127,14 @@ const FamilyTableComponent: React.FC = () => { Usage - ID + Storage Limit {familyMembers.map((member) => ( + {member.id} {member.email} { - {formatUsageToGB(member.usage)} + {formatBytesToGB(member.usage)} - {member.id} + {formatBytesToGB(member.storageLimit)} ))}