31 lines
756 B
TypeScript
31 lines
756 B
TypeScript
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
|
|
|
|
type UserAvatarProps = {
|
|
src?: string | null;
|
|
alt: string;
|
|
fallbackText: string;
|
|
size?: 'default' | 'sm' | 'lg';
|
|
className?: string;
|
|
};
|
|
|
|
function getInitials(text: string) {
|
|
const words = text.trim().split(/\s+/).filter(Boolean).slice(0, 2);
|
|
const initials = words.map((word) => word[0]?.toUpperCase() ?? '').join('');
|
|
return initials || 'U';
|
|
}
|
|
|
|
export function UserAvatar({
|
|
src,
|
|
alt,
|
|
fallbackText,
|
|
size = 'default',
|
|
className,
|
|
}: UserAvatarProps) {
|
|
return (
|
|
<Avatar size={size} className={className}>
|
|
<AvatarImage src={src ?? undefined} alt={alt} />
|
|
<AvatarFallback>{getInitials(fallbackText)}</AvatarFallback>
|
|
</Avatar>
|
|
);
|
|
}
|