From eeabe2c1c5e7cafdc8532aba3120e097183cf864 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Thu, 19 Mar 2026 08:35:50 +0100
Subject: [PATCH] style: add icons to view style tabs in settings

Match the header view switcher icons (Calendar, CalendarDays, ListTodo,
Kanban) in the settings sidebar tab bar.

v1.51.1

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1e3a2bc..7acc5d1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.51.0",
+  "version": "1.51.1",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index f59068f..dabe474 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -10966,10 +10966,10 @@ function SettingsSidebar({
                                     gap: "0",
                                 }}>
                                     {([
-                                        { key: "simple", label: t.simpleView },
-                                        { key: "calendar", label: t.calendarView },
-                                        { key: "list", label: t.listView },
-                                        { key: "kanban", label: t.kanbanView },
+                                        { key: "simple", label: t.simpleView, icon: <Calendar size={14} /> },
+                                        { key: "calendar", label: t.calendarView, icon: <CalendarDays size={14} /> },
+                                        { key: "list", label: t.listView, icon: <ListTodo size={14} /> },
+                                        { key: "kanban", label: t.kanbanView, icon: <Kanban size={14} /> },
                                     ] as const).map((tab) => (
                                         <button
                                             key={tab.key}
@@ -10996,8 +10996,13 @@ function SettingsSidebar({
                                                 marginBottom: "-2px",
                                                 cursor: "pointer",
                                                 transition: "all 0.15s",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "center",
+                                                gap: "4px",
                                             }}
                                         >
+                                            {tab.icon}
                                             {tab.label}
                                         </button>
                                     ))}