diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx index c54fa68..2ae66d3 100644 --- a/components/WeeklyGrid.tsx +++ b/components/WeeklyGrid.tsx @@ -95,6 +95,7 @@ const WeeklyGrid: React.FC = ({ const [primaryMetric, setPrimaryMetric] = useState<'units' | 'revenue'>('units'); const scrollContainerRef = useRef(null); const [hoveredTotalWeek, setHoveredTotalWeek] = useState(null); + const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(null); // State for Column Filters (SKU, ASIN, Title, Line) const [columnFilters, setColumnFilters] = useState>({}); @@ -799,8 +800,12 @@ const WeeklyGrid: React.FC = ({ return ( setHoveredTotalWeek(week)} - onMouseLeave={() => setHoveredTotalWeek(null)} + onMouseEnter={(e) => { + const rect = (e.currentTarget as HTMLElement).getBoundingClientRect(); + setTooltipPos({ x: rect.left + rect.width / 2, y: rect.top }); + setHoveredTotalWeek(week); + }} + onMouseLeave={() => { setHoveredTotalWeek(null); setTooltipPos(null); }} >
{primaryMetric === 'units' ? ( @@ -832,8 +837,10 @@ const WeeklyGrid: React.FC = ({
- {isHovered && ( -
+ {isHovered && tooltipPos && ( +
{week}
{/* Semana anterior */}