From 9831bbd5bff82fe36469e94f6092aaf9071441a6 Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Mon, 18 Mar 2024 12:08:55 +0100
Subject: [PATCH] fixed Home page hero loading avatar lazily, even tho it is
 always visible on navigation

---
 Wave/Components/Pages/Home.razor              | 2 +-
 Wave/Components/ProfilePictureComponent.razor | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/Wave/Components/Pages/Home.razor b/Wave/Components/Pages/Home.razor
index 849bbb9..fd24a4a 100644
--- a/Wave/Components/Pages/Home.razor
+++ b/Wave/Components/Pages/Home.razor
@@ -90,7 +90,7 @@
 							</p>
 						</div>
 						<div class="hidden sm:block w-1/3 float-left mr-2">
-							<ProfilePictureComponent ProfileId="@featured.Author.Id" Size="400" />
+							<ProfilePictureComponent ProfileId="@featured.Author.Id" LoadAsync="false" Size="400" />
 						</div>
 						<p class="font-bold">@featured.Author.FullName</p>
 						<small class="text-sm">@featured.PublishDate.ToString("g")</small>
diff --git a/Wave/Components/ProfilePictureComponent.razor b/Wave/Components/ProfilePictureComponent.razor
index 0cc9c3b..0d1e298 100644
--- a/Wave/Components/ProfilePictureComponent.razor
+++ b/Wave/Components/ProfilePictureComponent.razor
@@ -1,6 +1,6 @@
 <div class="avatar">
     <div class="rounded">
-        <img src="/api/user/pfp/@ProfileId?size=@Size" alt="" loading="lazy" width="@Size" onerror="this.remove()" />
+        <img src="/api/user/pfp/@ProfileId?size=@Size" alt="" loading="@(LoadAsync ? "lazy" : "eager")" width="@Size" onerror="this.remove()" />
     </div>
 </div>
 
@@ -9,5 +9,6 @@
     public string ProfileId { get; set; } = string.Empty;
     [Parameter]
     public int Size { get; set; } = 800;
-
+    [Parameter] 
+    public bool LoadAsync { get; set; } = true;
 }