wip: commit current cell progress

Parkreiner · Parkreiner · commit fd8dafc0caf8 · 2023-10-17T20:57:20.000Z
diff --git a/site/src/pages/UsersPage/UsersTable/GroupsCell.tsx b/site/src/pages/UsersPage/UsersTable/GroupsCell.tsx
@@ -1,12 +1,23 @@
 import TableCell from "@mui/material/TableCell";
-import { GroupsByUserId } from "api/queries/groups";
-import { User } from "api/typesGenerated";
+import { Stack } from "components/Stack/Stack";
+import { type Group } from "api/typesGenerated";
 
 type GroupsCellProps = {
-  user: User;
-  groupsByUserId: GroupsByUserId | undefined;
+  groups: readonly Group[] | undefined;
 };
 
-export function GroupsCell({ user, groupsByUserId }: GroupsCellProps) {
-  return <TableCell>5 Groups</TableCell>;
+export function GroupsCell({ groups }: GroupsCellProps) {
+  return (
+    <TableCell>
+      {groups === undefined ? (
+        <em>N/A</em>
+      ) : (
+        <Stack>
+          <div>
+            {groups.length} Group{groups.length !== 1 && "s"}
+          </div>
+        </Stack>
+      )}
+    </TableCell>
+  );
 }
diff --git a/site/src/pages/UsersPage/UsersTable/UsersTableBody.tsx b/site/src/pages/UsersPage/UsersTable/UsersTableBody.tsx
@@ -157,7 +157,7 @@ export const UsersTableBody: FC<
               onUserRolesUpdate={onUpdateUserRoles}
             />
 
-            <GroupsCell groupsByUserId={groupsByUserId} user={user} />
+            <GroupsCell groups={groupsByUserId?.get(user.id)} />
 
             <TableCell>
               <LoginType authMethods={authMethods!} value={user.login_type} />
