Skip to content

Commit c81b7f1

Browse files
sktbrdclaude
andcommitted
feat(stake): avatars on the projected-rewards cards
The "Projected yearly rewards" split cards were text-only. Add a round avatar to each: the rider's cut-out for the skater, the Gnars mark for the treasury, and a user glyph for "You" — each ringed in the rider accent. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 917ddb8 commit c81b7f1

1 file changed

Lines changed: 12 additions & 1 deletion

File tree

src/components/stake/StakeDialog.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import { useState, type CSSProperties, type ReactNode } from "react";
44
import { useTranslations } from "next-intl";
55
import { useQuery } from "@tanstack/react-query";
6-
import { Info, Zap, Gift, TrendingUp, ShieldCheck, AlertTriangle } from "lucide-react";
6+
import { Info, Zap, Gift, TrendingUp, ShieldCheck, AlertTriangle, User } from "lucide-react";
77
import { toast } from "sonner";
88
import { Button } from "@/components/ui/button";
99
import { getRider } from "@/lib/gnars-vaults";
@@ -357,6 +357,17 @@ export function StakeDialog({ open, onOpenChange, riderId, name, image, accent }
357357
key={s.key}
358358
className="rounded-lg border border-border/60 bg-muted/30 p-3 text-center"
359359
>
360+
<div
361+
className="mx-auto mb-2 flex h-9 w-9 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-surface-elevated"
362+
style={{ boxShadow: `0 0 0 2px ${accent}22` }}
363+
>
364+
{s.image ? (
365+
// eslint-disable-next-line @next/next/no-img-element
366+
<img src={s.image} alt={s.label} className="h-full w-full object-cover object-top" />
367+
) : (
368+
<User className="h-4 w-4 text-muted-foreground" />
369+
)}
370+
</div>
360371
<p className="truncate text-[11px] font-medium text-muted-foreground">{s.label}</p>
361372
<p className="mt-1 text-base font-bold tabular-nums" style={{ color: accent }}>
362373
{fmtAmount(share, isUsdc)}

0 commit comments

Comments
 (0)