diff --git a/src/components/EventCalendar/EventCalendar.module.css b/src/components/EventCalendar/EventCalendar.module.css index d5ad7155ed..eecfa7d53a 100644 --- a/src/components/EventCalendar/EventCalendar.module.css +++ b/src/components/EventCalendar/EventCalendar.module.css @@ -437,6 +437,11 @@ width: 40px; background: rgba(146, 200, 141, 0.5); border-radius: 10px; + background-color: rgba(139, 195, 74, 1); + border-radius: 5px; + width: 20px; + height: 12px; + display: inline-block; } .baseIndicator { @@ -489,6 +494,7 @@ --card-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); --holiday-card-bg: #f6f2e5; --holiday-date-color: #ea7b56; + --indicator-spacing: 8px; } .organizationIndicator { composes: baseIndicator; @@ -553,14 +559,6 @@ background-color: var(--grey-bg-color); } -.userEvents__color { - background-color: rgba(139, 195, 74, 1); - border-radius: 5px; - width: 20px; - height: 12px; - display: inline-block; -} - .holidays_card, .events_card { flex: 1; diff --git a/src/components/EventCalendar/EventCalendar.tsx b/src/components/EventCalendar/EventCalendar.tsx index 1f4ef9895e..798acb3426 100644 --- a/src/components/EventCalendar/EventCalendar.tsx +++ b/src/components/EventCalendar/EventCalendar.tsx @@ -140,14 +140,21 @@ const Calendar: React.FC = ({ holidays?.filter((holiday) => { try { return dayjs(holiday.date, 'MM-DD').month() === currentMonth; - // eslint-disable-next-line @typescript-eslint/no-unused-vars } catch (e) { - console.error(`Invalid date format for holiday: ${holiday.name}`); + if (e instanceof Error) { + console.error( + `Invalid date format for holiday "${holiday.name}":`, + e.message, + ); + } else { + console.error(`Unknown error for holiday "${holiday.name}"`); + } return false; } }), [holidays, currentMonth], ); + /** * Moves the calendar view to the next month. */