mirror of
https://github.com/coder/coder.git
synced 2026-06-02 20:48:20 +00:00
feat: add group avatar to GroupPage
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user