From 4cab83e5452c1b70ef8b7b20a7b242707a708aed Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Thu, 2 Apr 2026 22:58:15 +0200
Subject: [PATCH] fix: slot buttons now update the time grid via
 saveViewSetting

The SettingsSidebar stores cellDuration in viewSettings (per-view) via
saveViewSetting, so getEffective() returns that value and ignores local
state. The QuickSettings/header/mobile buttons were only calling
setCellDuration (local state) + saveSetting (cookie), which getEffective
overrides. Now all three button groups also call saveViewSetting so the
grid immediately reflects the selected slot size.

v1.81.18
---
 package.json                  | 2 +-
 src/components/WeeklyView.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index e728ad3..b7771c2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.81.17",
+  "version": "1.81.18",
   "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 4917319..72239b7 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5450,7 +5450,7 @@ export default function WeeklyView() {
                             </span>
                             <div style={{ display: "flex", gap: "4px" }}>
                                 {(([15, 20, 30, 60] as CellDuration[])).map((d) => (
-                                    <button key={d} onClick={() => { setCellDuration(d); saveSetting("cellDuration", d); }}
+                                    <button key={d} onClick={() => { setCellDuration(d); saveSetting("cellDuration", d); saveViewSetting("cellDuration", d, true); }}
                                         style={{ flex: 1, padding: "5px 0", fontSize: "0.8rem", borderRadius: "6px", border: "none", cursor: "pointer", fontWeight: effectiveCellDuration === d ? 700 : 400, background: effectiveCellDuration === d ? (darkMode ? "#374151" : "#333") : (darkMode ? "#1f2937" : "#e5e7eb"), color: effectiveCellDuration === d ? "#fff" : (darkMode ? "#9ca3af" : "#6b7280") }}>
                                         {d}m
                                     </button>
@@ -5750,6 +5750,7 @@ export default function WeeklyView() {
                                     onClick={() => {
                                         setCellDuration(duration);
                                         saveSetting("cellDuration", duration);
+                                        saveViewSetting("cellDuration", duration, true);
                                     }}
                                     className={`px-2 py-0.5 text-xs rounded transition-colors ${effectiveCellDuration === duration ? "bg-white shadow-sm font-bold text-black" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-700"}`}
                                 >
@@ -5995,7 +5996,7 @@ export default function WeeklyView() {
                                             {(([15, 20, 30, 60] as CellDuration[])).map((duration) => (
                                                 <button
                                                     key={duration}
-                                                    onClick={() => { setCellDuration(duration); saveSetting("cellDuration", duration); }}
+                                                    onClick={() => { setCellDuration(duration); saveSetting("cellDuration", duration); saveViewSetting("cellDuration", duration, true); }}
                                                     style={{ padding: "2px 8px", fontSize: "12px", borderRadius: "4px", border: "none", cursor: "pointer", fontWeight: effectiveCellDuration === duration ? 700 : 400, background: effectiveCellDuration === duration ? "var(--bg-secondary, #e5e7eb)" : "transparent", color: "inherit" }}
                                                 >
                                                     {duration}m