From cbeb655cfd52df169603e7275f7e9018cf82c988 Mon Sep 17 00:00:00 2001
From: Andrew Aquino <dawneraq@gmail.com>
Date: Sat, 30 May 2026 01:13:30 +0000
Subject: [PATCH] feat: add group avatar to GroupPage

---
 site/src/pages/GroupsPage/GroupPage.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/GroupsPage/GroupPage.tsx b/site/src/pages/GroupsPage/GroupPage.tsx
index 8ffd8cb041..a9f04d0c82 100644
--- a/site/src/pages/GroupsPage/GroupPage.tsx
+++ b/site/src/pages/GroupsPage/GroupPage.tsx
@@ -18,6 +18,7 @@ import {
 } from "#/api/queries/groups";
 import type { Group, ReducedUser } from "#/api/typesGenerated";
 import { ErrorAlert } from "#/components/Alert/ErrorAlert";
+import { Avatar } from "#/components/Avatar/Avatar";
 import { Button } from "#/components/Button/Button";
 import { DeleteDialog } from "#/components/Dialogs/DeleteDialog/DeleteDialog";
 import { useFilter } from "#/components/Filter/Filter";
@@ -112,9 +113,16 @@ const GroupPage: FC = () => {
 
 			<div className="flex align-baseline justify-between w-full">
 				<SettingsHeader>
-					<SettingsHeaderTitle>
-						{groupData.display_name || groupData.name || "Unknown Group"}
-					</SettingsHeaderTitle>
+					<div className="flex gap-2">
+						<Avatar
+							src={groupData.avatar_url}
+							fallback={groupData.display_name || groupData.name}
+							size="lg"
+						/>
+						<SettingsHeaderTitle>
+							{groupData.display_name || groupData.name || "Unknown Group"}
+						</SettingsHeaderTitle>
+					</div>
 					<SettingsHeaderDescription>
 						Manage members for this group.
 					</SettingsHeaderDescription>