{% set avatar_url = null %}
{% if user %}
    {% if user.picture is defined and user.picture %}
        {% set avatar_url = user.picture %}
    {% elseif user.image is defined and user.image %}
        {% set avatar_url = user.image %}
    {% endif %}
{% endif %}

<a href="{{ path('author-profile', { npub: npub }) }}" class="user-badge">
    {% if avatar_url %}
        <span class="user-badge__avatar user-badge__avatar--wrap" aria-hidden="true">
            <img class="user-badge__avatar-img" src="{{ avatar_url }}" alt="" loading="lazy" decoding="async" onerror="this.classList.add('is-broken')" />
            <span class="user-badge__avatar--generated user-badge__avatar-fallback">{{ fallbackSvg|raw }}</span>
        </span>
    {% else %}
        <span class="user-badge__avatar user-badge__avatar--generated" aria-hidden="true">{{ fallbackSvg|raw }}</span>
    {% endif %}
    <span class="user-badge__name">
        {% if user %}
            <twig:Atoms:NameOrNpub :author="user" :npub="npub" />
        {% else %}
            {{ npub|shortenNpub }}
        {% endif %}
    </span>
</a>