feat: add group avatar to GroupPage

This commit is contained in:
Andrew Aquino
2026-05-30 01:13:30 +00:00
parent 3a727a9087
commit cbeb655cfd
+11 -3
View File
@@ -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>