From 4330bed94d96203123283b1b93edcf25f9e75349 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Fri, 31 Jan 2025 00:31:52 +0100
Subject: [PATCH] Racepicks: Highlight logged in users guess column in red

---
 src/routes/racepicks/+page.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/routes/racepicks/+page.svelte b/src/routes/racepicks/+page.svelte
index 5748506..ad01011 100644
--- a/src/routes/racepicks/+page.svelte
+++ b/src/routes/racepicks/+page.svelte
@@ -312,6 +312,7 @@
         </span>
         <span class="hidden text-sm lg:block">{race?.racedate}</span>
       </div>
+
       <!-- The race result popup is triggered on click on the race -->
       <div data-popup={race?.id ?? "Invalid"} class="card z-10 p-2 shadow">
         <div class="flex flex-col gap-1">
@@ -344,7 +345,12 @@
     {#each data.currentpickedusers as user}
       {@const picks = data.racepicks.filter((pick: RacePick) => pick.user === user.id)}
 
-      <div class="card ml-1 mt-2 w-full p-1 shadow lg:ml-2 lg:p-2">
+      <div
+        class="card ml-1 mt-2 w-full p-1 shadow lg:ml-2 lg:p-2 {data.user &&
+        data.user.username === user.username
+          ? 'bg-primary-500'
+          : ''}"
+      >
         <!-- Avatar + name display at the top -->
         <div class="mx-auto flex h-10 w-fit">
           <LazyImage