From 6be8c74837961c5fad2b5cdd64be9a11f822e9fc Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Wed, 7 Feb 2024 20:08:55 +0100
Subject: [PATCH] Improved images

---
 Wave/Components/ArticleComponent.razor        | 2 +-
 Wave/Components/ProfilePictureComponent.razor | 3 +--
 Wave/Components/UserLinkComponent.razor       | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/Wave/Components/ArticleComponent.razor b/Wave/Components/ArticleComponent.razor
index cfa6756..a3428db 100644
--- a/Wave/Components/ArticleComponent.razor
+++ b/Wave/Components/ArticleComponent.razor
@@ -53,7 +53,7 @@
 	<section class="mb-2">
 		<div class="card sm:card-side card-compact bg-secondary text-secondary-content rounded shadow">
 			<figure class="shrink-0">
-				<img class="sm:max-h-56" src="/api/user/pfp/@Article.Author.Id?size=400" alt="" width="800">
+				<img class="sm:max-h-56" src="/api/user/pfp/@Article.Author.Id?size=400" alt="" width="400" loading="async">
 			</figure>
 			<div class="card-body sm:border-l-2 border-current">
 				<h2 class="card-title">About The Author</h2>
diff --git a/Wave/Components/ProfilePictureComponent.razor b/Wave/Components/ProfilePictureComponent.razor
index fcc26ce..0cc9c3b 100644
--- a/Wave/Components/ProfilePictureComponent.razor
+++ b/Wave/Components/ProfilePictureComponent.razor
@@ -1,7 +1,6 @@
 <div class="avatar">
     <div class="rounded">
-        <img src="/api/user/pfp/@ProfileId?size=@Size" alt="" loading="lazy"
-             onerror="this.remove()" />
+        <img src="/api/user/pfp/@ProfileId?size=@Size" alt="" loading="lazy" width="@Size" onerror="this.remove()" />
     </div>
 </div>
 
diff --git a/Wave/Components/UserLinkComponent.razor b/Wave/Components/UserLinkComponent.razor
index ea98ec6..7fb746c 100644
--- a/Wave/Components/UserLinkComponent.razor
+++ b/Wave/Components/UserLinkComponent.razor
@@ -2,7 +2,7 @@
 @using System.Net
 
 <a href="@Link.UrlString" rel="me" target="_blank" title="@Link.Url.Host" @attributes="AdditionalAttributes">
-	<img src="@("/api/proxy/favicon/" + WebUtility.UrlEncode(Link.Url.Host))" alt="" width="32" height="32" class="w-5 h-5" />
+	<img src="@("/api/proxy/favicon/" + WebUtility.UrlEncode(Link.Url.Host))" alt="" width="32" height="32" class="w-5 h-5" loading="async" />
 	@(Link.Url.Host.LastIndexOf('.') > -1 ? Link.Url.Host[..Link.Url.Host.LastIndexOf('.')] : Link.Url.Host)
 </a>