39 lines
1001 B
JavaScript
39 lines
1001 B
JavaScript
import Image from "next/image";
|
|
import { imageUrl } from "@/helper";
|
|
|
|
function getInitials(name) {
|
|
if (!name) return "";
|
|
const parts = name.trim().split(/\s+/).filter(Boolean);
|
|
if (parts.length === 0) return "";
|
|
if (parts.length === 1) return parts[0][0];
|
|
return `${parts[0][0]}${parts[1][0]}`;
|
|
}
|
|
|
|
function DoctorAvatar({ doctor, size = 72, className = "", priority = false }) {
|
|
const url = doctor?.img?.[0]?.url;
|
|
|
|
if (!url) {
|
|
return (
|
|
<div
|
|
style={{ width: size, height: size }}
|
|
className={`flex items-center justify-center rounded-full bg-[#F8F8FF] text-[#3B3B3B] font-bold select-none ${className}`}
|
|
>
|
|
<span style={{ fontSize: size * 0.32 }}>{getInitials(doctor?.name)}</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Image
|
|
width={size}
|
|
height={size}
|
|
alt="image-doctor"
|
|
src={imageUrl(url)}
|
|
className={`object-contain rounded-full ${className}`}
|
|
priority={priority}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default DoctorAvatar;
|