From 480069d1cd0c991743f866910fbc81ab980bbf13 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Wed, 9 Aug 2023 14:12:48 +0000
Subject: [PATCH] fix(site): show user avatar on group page

---
 site/src/components/UserAvatar/UserAvatar.tsx | 1 -
 site/src/pages/GroupsPage/GroupPage.tsx       | 7 +++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/src/components/UserAvatar/UserAvatar.tsx b/site/src/components/UserAvatar/UserAvatar.tsx
index 95183a8001546..49349a328901b 100644
--- a/site/src/components/UserAvatar/UserAvatar.tsx
+++ b/site/src/components/UserAvatar/UserAvatar.tsx
@@ -9,7 +9,6 @@ export type UserAvatarProps = {
 export const UserAvatar: FC<UserAvatarProps> = ({
   username,
   avatarURL,
-
   ...avatarProps
 }) => {
   return (
diff --git a/site/src/pages/GroupsPage/GroupPage.tsx b/site/src/pages/GroupsPage/GroupPage.tsx
index 13bec3399bcb8..30801f2823362 100644
--- a/site/src/pages/GroupsPage/GroupPage.tsx
+++ b/site/src/pages/GroupsPage/GroupPage.tsx
@@ -34,6 +34,7 @@ import { groupMachine } from "xServices/groups/groupXService"
 import { Maybe } from "components/Conditionals/Maybe"
 import { makeStyles } from "@mui/styles"
 import { PaginationStatus } from "components/PaginationStatus/PaginationStatus"
+import { UserAvatar } from "components/UserAvatar/UserAvatar"
 
 const AddGroupMember: React.FC<{
   isLoading: boolean
@@ -188,6 +189,12 @@ export const GroupPage: React.FC = () => {
                           <TableRow key={member.id}>
                             <TableCell width="99%">
                               <AvatarData
+                                avatar={
+                                  <UserAvatar
+                                    username={member.username}
+                                    avatarURL={member.avatar_url}
+                                  />
+                                }
                                 title={member.username}
                                 subtitle={member.email}
                               />