sendou.ink/frontend-react/src/components/common/UserAvatar.js
2020-01-02 02:49:24 +02:00

19 lines
403 B
JavaScript

import React, { useState } from "react"
import { Image } from "semantic-ui-react"
const UserAvatar = ({ twitterName }) => {
const [imageError, setImageError] = useState(false)
if (!twitterName || imageError) return null
return (
<Image
src={`https://avatars.io/twitter/${twitterName}`}
avatar
onError={error => setImageError(true)}
/>
)
}
export default UserAvatar