\n );\n }\n\n // Build effective calendar colors\n const effectiveColors: Record = {};\n for (const cal of calendars) {\n effectiveColors[cal.id] = preferences.calendarColors[cal.id] || cal.color;\n }\n\n return (\n <>\n {/* Header */}\n

\n \n

\n\n

\n \n {year}\n \n \n

\n\n

\n handleViewModeChange(\"grid\")}\n title={UI_TEXT.VIEW_GRID}\n >\n ▦\n \n handleViewModeChange(\"weekly\")}\n title={UI_TEXT.VIEW_WEEKLY}\n >\n ☰\n \n

\n \n ↻\n \n

\n\n {/* Calendar */}\n {viewMode === \"grid\" ? (\n \n ) : (\n \n )}\n\n {/* Sidebar */}\n setSidebarOpen(false)}\n calendars={calendars}\n preferences={preferences}\n onToggleCalendar={handleToggleCalendar}\n onChangeColor={handleChangeColor}\n onAddCalendar={handleAddCalendar}\n onDeleteCalendar={handleDeleteCalendar}\n onToggleShowDaysOfWeek={handleToggleShowDaysOfWeek}\n lastUpdated={lastUpdated}\n />\n \n );\n}\n\nexport default App;\n","deleted","label",[178,179,159],"frontend","components","permalink","https://www.val.town/x/dervondenbergen/jahreskalender/code/frontend/components/App.tsx","extension","actionData","errors"]