notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Add onerror image fallback to UserAvatar

Browse source
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
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
Iceshrimp.Frontend/Components/UserAvatar.razor
View file

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