fedisearch/application/src/components/Avatar.tsx

21 wiersze
479 B
TypeScript

import React from 'react'
import { FeedResponseItem } from '../types/FeedResponse'
const Avatar:React.FC<{feed:FeedResponseItem}> = ({ feed }) => {
const fallbackImage = '/avatar.svg'
const handleAvatarImageError = (event) => {
event.target.src = fallbackImage
}
return (
<img
className={'avatar'}
src={feed.avatar ?? fallbackImage}
alt={'Avatar'}
onError={handleAvatarImageError}
/>
)
}
export default Avatar