From b2d9305f7fc6d23af9efb8a429b2c10a0d21e182 Mon Sep 17 00:00:00 2001
From: mngshm <mangeshrex@tutanota.com>
Date: Fri, 21 Feb 2025 09:32:58 +0530
Subject: [PATCH] allow admin to see storage Limit on dashboard

---
 .../src/components/FamilyComponentTable.tsx   | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

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 = () => {
                 <Table aria-label="family-table">
                     <TableHead>
                         <TableRow>
+                            <TableCell>
+                                <b>ID</b>
+                            </TableCell>
                             <TableCell>
                                 <b>User</b>
                             </TableCell>
@@ -121,13 +127,14 @@ const FamilyTableComponent: React.FC = () => {
                                 <b>Usage</b>
                             </TableCell>
                             <TableCell>
-                                <b>ID</b>
+                                <b>Storage Limit</b>
                             </TableCell>
                         </TableRow>
                     </TableHead>
                     <TableBody>
                         {familyMembers.map((member) => (
                             <TableRow key={member.id}>
+                                <TableCell>{member.id}</TableCell>
                                 <TableCell>{member.email}</TableCell>
                                 <TableCell>
                                     <span
@@ -150,9 +157,9 @@ const FamilyTableComponent: React.FC = () => {
                                     </span>
                                 </TableCell>
                                 <TableCell>
-                                    {formatUsageToGB(member.usage)}
+                                    {formatBytesToGB(member.usage)}
                                 </TableCell>
-                                <TableCell>{member.id}</TableCell>
+                                <TableCell>{formatBytesToGB(member.storageLimit)}</TableCell>
                             </TableRow>
                         ))}
                     </TableBody>