From 602f7350b8581496ec7c842fef66aff275e95e5c Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 12 Mar 2026 00:09:09 +0100
Subject: [PATCH] fix: remove row/column dim highlight on Peak Hours hover

---
 components/dashboard/PeakHours.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/components/dashboard/PeakHours.tsx b/components/dashboard/PeakHours.tsx
index 55847ca..60ccad2 100644
--- a/components/dashboard/PeakHours.tsx
+++ b/components/dashboard/PeakHours.tsx
@@ -132,10 +132,6 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
                 <div className="flex flex-1 gap-[2px]">
                   {hours.map((value, hour) => {
                     const isHoveredCell = hovered?.day === dayIdx && hovered?.hour === hour
-                    const inRow = hovered?.day === dayIdx
-                    const inCol = hovered?.hour === hour
-                    const highlight = inRow || inCol
-                    const dimmed = hovered !== null && !highlight
 
                     return (
                       <motion.div
@@ -143,11 +139,10 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
                         className="flex-1 rounded-[2px] cursor-default"
                         initial={{ opacity: 0, scale: 0.5 }}
                         animate={{
-                          opacity: dimmed ? 0.3 : 1,
                           scale: isHoveredCell ? 1.3 : 1,
                         }}
                         transition={
-                          dimmed || isHoveredCell || highlight
+                          isHoveredCell
                             ? { duration: 0.12 }
                             : {
                                 opacity: { duration: 0.3, delay: (dayIdx * 24 + hour) * 0.003 },