chrisp/brackt
1
1
Fork 0
Code Issues 42 Pull requests Projects Releases Packages Wiki Activity Actions

Show owner avatar in team settings preview

Browse source
This commit is contained in:
Chris Parsons 2026-05-06 15:52:44 -07:00
parent a447ba54de
commit 12f641d631
1 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/routes/teams/$teamId.settings.tsx
View file

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