Fix table loaders

BrunoQuaresma · BrunoQuaresma · commit a4bba50c4a20 · 2023-05-09T14:10:11.000Z
diff --git a/site/src/components/UsersTable/UsersTableBody.tsx b/site/src/components/UsersTable/UsersTableBody.tsx
@@ -70,7 +70,7 @@ export const UsersTableBody: FC<
   return (
     <ChooseOne>
       <Cond condition={Boolean(isLoading)}>
-        <TableLoaderSkeleton columns={4} useAvatarData />
+        <TableLoaderSkeleton columns={5} useAvatarData />
       </Cond>
       <Cond condition={!users || users.length === 0}>
         <ChooseOne>
diff --git a/site/src/components/WorkspacesTable/WorkspacesTableBody.tsx b/site/src/components/WorkspacesTable/WorkspacesTableBody.tsx
@@ -29,7 +29,7 @@ export const WorkspacesTableBody: FC<
   }
 
   if (!workspaces) {
-    return <TableLoaderSkeleton columns={4} useAvatarData />
+    return <TableLoaderSkeleton columns={5} useAvatarData />
   }
 
   if (workspaces.length === 0) {
diff --git a/site/src/pages/GroupsPage/GroupsPageView.tsx b/site/src/pages/GroupsPage/GroupsPageView.tsx
@@ -81,7 +81,7 @@ export const GroupsPageView: FC<GroupsPageViewProps> = ({
               <TableBody>
                 <ChooseOne>
                   <Cond condition={isLoading}>
-                    <TableLoaderSkeleton columns={2} useAvatarData />
+                    <TableLoaderSkeleton columns={3} useAvatarData />
                   </Cond>
 
                   <Cond condition={isEmpty}>
@@ -143,7 +143,11 @@ export const GroupsPageView: FC<GroupsPageViewProps> = ({
 
                           <TableCell>
                             {group.members.length === 0 && "-"}
-                            <AvatarGroup>
+                            <AvatarGroup
+                              max={10}
+                              total={group.members.length}
+                              sx={{ justifyContent: "flex-end" }}
+                            >
                               {group.members.map((member) => (
                                 <UserAvatar
                                   key={member.username}
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -210,7 +210,7 @@ export const TemplatesPageView: FC<
               </TableHead>
               <TableBody>
                 <Maybe condition={isLoading}>
-                  <TableLoaderSkeleton columns={4} useAvatarData />
+                  <TableLoaderSkeleton columns={5} useAvatarData />
                 </Maybe>
 
                 <ChooseOne>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export const WorkspacesTableBody: FC<`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`if (!workspaces) {`
`32`		`- return <TableLoaderSkeleton columns={4} useAvatarData />`
	`32`	`+ return <TableLoaderSkeleton columns={5} useAvatarData />`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`if (workspaces.length === 0) {`