[frontend/components] Add onerror image fallback to UserAvatar

This commit is contained in:
pancakes 2025-02-22 12:51:25 +10:00 committed by Laura Hausmann
parent cb9d078496
commit c5f8bac5e2
No known key found for this signature in database
GPG key ID: D044E84C5BE01605

View file

@ -5,12 +5,13 @@
<img class="avatar"
style="--size: @Size;"
src="@User.AvatarUrl"
src="@(LoadError ? "ImageFallback.png" : User.AvatarUrl)"
alt="@(User.AvatarAlt ?? FallbackAlt())"
title="@(Title ? User.AvatarAlt ?? FallbackAlt() : "")"
title="@(LoadError ? Loc["Avatar failed to load"] : Title ? User.AvatarAlt ?? FallbackAlt() : "")"
role="@Role"
loading="lazy"
@onclick="OnClick"/>
@onclick="OnClick"
@onerror="() => { LoadError = true; }"/>
@code {
[Parameter, EditorRequired] public required UserResponse User { get; set; }