Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added placeholder avatar with first letter of the name

Browse source
This commit is contained in:
Djordje Vlaisavljevic 2022-07-06 14:43:58 +02:00
parent 02c9eb772d
commit 00d6d2cc43
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/sodo-search/src/components/PopupModal.js
View file

@ -261,13 +261,15 @@ function AuthorListItem({author}) {
}
function AuthorAvatar({name, avatar}) {
if (avatar) {
const Avatar = avatar?.length;
const Character = name.charAt(0);
if (Avatar) {
return (
<img className='rounded-full bg-neutral-300 w-6 h-6 mr-2' src={avatar} alt={name}/>
<img className='rounded-full bg-neutral-300 w-6 h-6 mr-2 object-cover' src={avatar} alt={name}/>
);
}
return (
<img className='rounded-full bg-neutral-300 w-6 h-6 mr-2' src='https://thumbs.dreamstime.com/b/omita-al-avatar-placeholder-de-la-foto-icono-del-perfil-124557887.jpg' alt={name}/>
<div className='rounded-full bg-neutral-200 w-6 h-6 mr-2 flex items-center justify-center'><span className="text-neutral-500">{Character}</span></div>
);
}