Show owner avatar in team settings preview
This commit is contained in:
parent
a447ba54de
commit
12f641d631
1 changed files with 18 additions and 4 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue