HipstaGram/src/components/header/UserAvatar.js

import Avatar from "antd/lib/avatar/avatar"
import { backURL } from "../../helpers"
import noAva from "../../images/noAva.png"

export const UserAvatar = ({ avatarSize, avatar }) => {
    return (
        <>
            <Avatar style={{
                width: avatarSize,
                height: avatarSize
            }}
                src={avatar && avatar?.url
                    ? <img src={(backURL + '/' + avatar.url)} alt='avatar' />
                    : <img src={noAva} alt="avatar"/>
                } />
        </>
    )
}