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}> <div className="flex items-center" key={index}>
<Avatar className="h-9 w-9"> <Avatar className="h-9 w-9">
<AvatarImage src={deal.avatar} alt={deal.name} /> <AvatarImage src={deal.avatar} alt={deal.name} />
<AvatarFallback>{(deal.name ?? "").slice(0, 3)}</AvatarFallback> <AvatarFallback>{(deal.name ?? "").slice(0, 2)}</AvatarFallback>
</Avatar> </Avatar>
<div className="ml-4 space-y-1"> <div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none">{deal.name}</p> <p className="text-sm font-medium leading-none">{deal.name}</p>