From 2acc2916e43eb9b2ff8830d6eeaede3316302389 Mon Sep 17 00:00:00 2001
From: Mia Winter <mia@miawinter.de>
Date: Wed, 7 Feb 2024 20:25:34 +0100
Subject: [PATCH] fixed home page nested links (messed with tab order too)

---
 Wave/Components/Pages/Home.razor  |  2 +-
 Wave/Components/ProfilePill.razor | 31 +++++++++++++++++++------------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/Wave/Components/Pages/Home.razor b/Wave/Components/Pages/Home.razor
index b0815b4..7ba1a7a 100644
--- a/Wave/Components/Pages/Home.razor
+++ b/Wave/Components/Pages/Home.razor
@@ -60,7 +60,7 @@
 								@featured.Body[..Math.Min(1000, featured.Body.Length)]
 							</p>
 							<div class="flex">
-								<ProfilePill Profile="featured.Author" />
+								<ProfilePill Profile="featured.Author" DisableProfileLink="true" />
 							</div>
 						</div>
 					</div>
diff --git a/Wave/Components/ProfilePill.razor b/Wave/Components/ProfilePill.razor
index e95cccf..d76735c 100644
--- a/Wave/Components/ProfilePill.razor
+++ b/Wave/Components/ProfilePill.razor
@@ -1,23 +1,30 @@
 @using Wave.Data
 
-<a href="/profile/@Profile.Id">
+@if (!DisableProfileLink) {
+	<a href="/profile/@Profile.Id">
+		<div class="rounded bg-base-200 text-base-content flex content-center w-full sm:w-56">
+			<div class="w-16 h-16"><ProfilePictureComponent Size="200" ProfileId="@Profile.Id" /></div>
+			<div class="flex flex-col p-2">
+				<span class="truncate">@Profile.Name</span>
+				@if (RoleTag is not null) { <span class="badge badge-sm badge-primary">@RoleTag</span> }
+			</div>
+		</div>
+	</a>
+} else {
 	<div class="rounded bg-base-200 text-base-content flex content-center w-full sm:w-56">
-	    <div class="w-16 h-16">
-	        <ProfilePictureComponent Size="200" ProfileId="@Profile.Id" />
-	    </div>
-
-	    <div class="flex flex-col p-2">
-		    <span class="truncate">@Profile.Name</span>
-	        @if (RoleTag is not null) {
-	            <span class="badge badge-sm badge-primary">@RoleTag</span>
-	        }
-	    </div>
+		<div class="w-16 h-16"><ProfilePictureComponent Size="200" ProfileId="@Profile.Id" /></div>
+		<div class="flex flex-col p-2">
+			<span class="truncate">@Profile.Name</span>
+			@if (RoleTag is not null) { <span class="badge badge-sm badge-primary">@RoleTag</span> }
+		</div>
 	</div>
-</a>
+}
 
 @code {
     [Parameter]
     public required ApplicationUser Profile { get; set; }
     [Parameter]
     public string? RoleTag { get; set; }
+	[Parameter]
+	public bool DisableProfileLink { get; set; }
 }