Refactor RecentFunds component to display only the first two characters of the deal name in the AvatarFallback

This commit is contained in:
Pattadon 2024-11-01 15:25:23 +07:00
parent bca431ee26
commit 2188d2b33f

View File

@ -48,7 +48,7 @@ export function RecentFunds(props: RecentFundsProps) {
<div className="flex items-center" key={index}>
<Avatar className="h-9 w-9">
<AvatarImage src={deal.avatar} alt={deal.name} />
<AvatarFallback>{(deal.name ?? "").slice(0, 3)}</AvatarFallback>
<AvatarFallback>{(deal.name ?? "").slice(0, 2)}</AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none">{deal.name}</p>