From a581ffaaffa02e8b76321c6325291e472bf85a72 Mon Sep 17 00:00:00 2001
From: "Vaka.pro" <vakabunga@proton.me>
Date: Mon, 13 Apr 2026 22:58:36 +0300
Subject: [PATCH] fix(frontend): hide calendar popups on empty dates

Keep race popovers limited to dates with events so empty days no longer show misleading hover details.

Made-with: Cursor
---
 frontend/package-lock.json                | 4 ++--
 frontend/package.json                     | 2 +-
 frontend/src/components/RacesCalendar.tsx | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7889661..b00f5fb 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "calendar-run-frontend",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "calendar-run-frontend",
-      "version": "0.4.2",
+      "version": "0.4.3",
       "dependencies": {
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
diff --git a/frontend/package.json b/frontend/package.json
index 88ef5a6..4cf2890 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "calendar-run-frontend",
   "private": true,
-  "version": "0.4.2",
+  "version": "0.4.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/components/RacesCalendar.tsx b/frontend/src/components/RacesCalendar.tsx
index 895a264..892f1bc 100644
--- a/frontend/src/components/RacesCalendar.tsx
+++ b/frontend/src/components/RacesCalendar.tsx
@@ -120,7 +120,7 @@ function CalendarMonthBlock(props: {
               className={`races-cal__cell${hasRaces ? " races-cal__cell--has-race" : ""}${isOpen ? " races-cal__cell--open" : ""}`}
               onMouseEnter={() => {
                 cancelClose();
-                setOpenYmd(ymd);
+                setOpenYmd(hasRaces ? ymd : null);
               }}
               onMouseLeave={scheduleClose}
             >
@@ -132,7 +132,7 @@ function CalendarMonthBlock(props: {
                 }}
                 onFocus={() => {
                   cancelClose();
-                  setOpenYmd(ymd);
+                  setOpenYmd(hasRaces ? ymd : null);
                 }}
                 onBlur={(e) => {
                   const next = e.relatedTarget as Node | null;
@@ -144,7 +144,7 @@ function CalendarMonthBlock(props: {
               >
                 {day}
               </button>
-              {isOpen ? (
+              {isOpen && hasRaces ? (
                 <DayPopover
                   ymd={ymd}
                   races={dayRaces}
@@ -187,7 +187,7 @@ export function RacesCalendar(props: RacesCalendarProps): JSX.Element {
 
   return (
     <div className="races-cal">
-      <p className="races-cal__hint">Наведите на дату — краткая информация. Клик — страница дня.</p>
+      <p className="races-cal__hint">Наведите на дату с забегом — краткая информация. Клик — страница дня.</p>
       {focusedMonthIndex === null || Number.isNaN(focusedMonthIndex) ? (
         <div className="races-cal__year">
           {MONTH_NAMES_RU_SHORT.map((_, mi) => (