Show owner avatar in team settings preview (#386)

This commit is contained in:
Chris Parsons 2026-05-06 16:00:15 -07:00 committed by GitHub
parent a447ba54de
commit 1bd87c7fb1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -11,6 +11,7 @@ import { findSeasonById } from "~/models/season";
import { findUserById } from "~/models/user";
import { resolveUserAvatarData } from "~/lib/avatar-data";
import { Button } from "~/components/ui/button";
import { TeamAvatar } from "~/components/TeamAvatar";
import {
Card,
CardContent,
@ -204,10 +205,23 @@ export default function TeamSettings({ loaderData, actionData }: Route.Component
<Card>
<CardHeader>
<CardTitle>Team Avatar</CardTitle>
<CardDescription>
Update the flag or submit a photo for review
</CardDescription>
<div className="flex items-center gap-3">
<TeamAvatar
teamId={team.id}
teamName={team.name}
logoUrl={team.logoUrl}
flagConfig={team.flagConfig}
avatarType={team.avatarType}
ownerAvatarData={loaderData.ownerAvatarData}
size="lg"
/>
<div>
<CardTitle>Team Avatar</CardTitle>
<CardDescription>
Update the flag or submit a photo for review
</CardDescription>
</div>
</div>
</CardHeader>
<CardContent>
<AvatarEditor