2018-09-27 13:39:37 -07:00
|
|
|
import React from 'react';
|
2018-11-16 15:05:17 -08:00
|
|
|
import { User } from 'types';
|
2018-09-27 13:39:37 -07:00
|
|
|
import defaultUserImg from 'static/images/default-user.jpg';
|
|
|
|
|
|
|
|
interface Props {
|
2018-11-16 15:05:17 -08:00
|
|
|
user: User;
|
2018-09-27 13:39:37 -07:00
|
|
|
className?: string;
|
|
|
|
}
|
|
|
|
|
|
|
|
const UserAvatar: React.SFC<Props> = ({ user, className }) => {
|
2018-11-26 17:14:00 -08:00
|
|
|
if (user.avatar && user.avatar.imageUrl) {
|
|
|
|
return <img className={className} src={user.avatar.imageUrl} />;
|
2018-09-27 13:39:37 -07:00
|
|
|
} else {
|
|
|
|
return <img className={className} src={defaultUserImg} />;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
export default UserAvatar;
|