From a9c01fb66ef2e86dbc36efb7e2f2f8bce4683644 Mon Sep 17 00:00:00 2001
From: Chris Parsons <chrisparsons1127@gmail.com>
Date: Sun, 19 Apr 2026 21:23:21 -0700
Subject: [PATCH] Fix draft board page.

---
 app/components/draft/DraftPickCell.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/components/draft/DraftPickCell.tsx b/app/components/draft/DraftPickCell.tsx
index 89c3532..1f46b07 100644
--- a/app/components/draft/DraftPickCell.tsx
+++ b/app/components/draft/DraftPickCell.tsx
@@ -66,8 +66,8 @@ function DraftPickCell({
   children,
   ...rest
 }, ref) {
-  const showCorona = state === "picked" || (state === "upcoming" && !!coronaState);
   const isCurrent = state === "current";
+  const showCorona = !isCurrent;
 
   let currentLabel = "On The Clock";
   if (seasonStatus === "pre_draft") {
@@ -87,18 +87,23 @@ function DraftPickCell({
     >
       {isCurrent ? (
         <div className="absolute inset-0 rounded-lg [background:linear-gradient(to_bottom,#adf661,#2ce1c1)] animate-pulse-gradient" />
-      ) : showCorona && coronaState ? (
+      ) : coronaState ? (
         <div
           className="absolute top-0.5 bottom-0.5 left-0 right-0 rounded-lg"
           style={getCoronaStyle(coronaState)}
         />
-      ) : showCorona ? (
+      ) : state === "picked" ? (
         <div
           className={cn(
             "absolute top-0.5 bottom-0.5 left-0 right-0 rounded-lg",
             coronaClasses[corona],
           )}
         />
+      ) : state === "upcoming" ? (
+        <div
+          className="absolute top-0.5 bottom-0.5 left-0 right-0 rounded-lg"
+          style={{ background: "rgba(255, 255, 255, 0.08)" }}
+        />
       ) : null}
       <div
         className={cn(
@@ -106,7 +111,7 @@ function DraftPickCell({
           (showCorona || isCurrent) && "mr-1",
           isCurrent
             ? "bg-muted/80 border-transparent"
-            : state === "picked" || (state === "upcoming" && showCorona)
+            : showCorona
               ? "bg-muted border-transparent"
               : "border-border bg-card",
         )}