From bdfc0f247cd288a72a64e3708cb7be4a06d36e12 Mon Sep 17 00:00:00 2001
From: igor_nadein <nadein-igor-vladimirovich@05-04-1999.ru>
Date: Wed, 25 Feb 2026 02:18:03 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=86=D0=B2=D0=B5=D1=82=D0=BD=D1=8B=D0=B5?=
 =?UTF-8?q?=20=D0=B8=D0=BD=D0=B4=D0=B8=D0=BA=D0=B0=D1=82=D0=BE=D1=80=D1=8B?=
 =?UTF-8?q?=20=D1=81=D0=BE=D0=B1=D1=8B=D1=82=D0=B8=D0=B9=20=D0=B2=20=D1=81?=
 =?UTF-8?q?=D0=BF=D0=B8=D1=81=D0=BE=D0=BA=20'=D0=9D=D0=B0=20=D1=8D=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D0=BD=D0=B5=D0=B4=D0=B5=D0=BB=D0=B5'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Добавлено поле color_event в тип SidebarCalendarEvent
- Добавлен цветной индикатор (h-2 w-2 rounded-full) перед названием события
- Используется fallback: color_event || color || #3498db
- Индикатор отображается рядом с названием события

Проблема: в списке 'На этой неделе' не было визуальных индикаторов цвета события.
Решение: добавлен цветной кружок перед названием каждого события.
---
 frontend/src/components/AppShell.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index a5c0afe1..f8486334 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -53,6 +53,7 @@ type SidebarCalendarEvent = {
   end?: string | null;
   allDay?: boolean;
   color?: string | null;
+  color_event?: string | null; // Цвет события (альтернативное поле)
   rule?: number | null; // ID правила повторения
   is_recurring?: boolean; // Флаг из occurrences API
 };
@@ -787,6 +788,10 @@ function CalendarCard({
                   className="w-full rounded-lg bg-gray-50 px-2.5 py-2 text-left transition hover:bg-gray-100"
                 >
                   <div className="flex items-center gap-1">
+                    <div 
+                      className="h-2 w-2 rounded-full flex-shrink-0" 
+                      style={{ backgroundColor: event.color_event || event.color || "#3498db" }}
+                    />
                     <p className="truncate text-xs font-medium text-gray-800">{event.title}</p>
                     {(event.is_recurring || event.rule) && (
                       <span className="text-[10px] text-sky-600 flex-shrink-0" title="Повторяющееся событие">⟲</span>