From aa4c6a085debd43dfe5e6845ad21e78bcd7ba02b Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Mon, 20 Apr 2026 19:39:14 +0200
Subject: [PATCH] fix: show rolling icon in simple and calendar views

Add persistent inline rolling indicator to GridTaskBlock so rolling tasks
are visually marked in simple and calendar (time-grid) views, matching
the badge already shown in list view.

v1.97.4
---
 package.json                     |  2 +-
 src/components/GridTaskBlock.tsx | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9105703..1036ae9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.97.3",
+  "version": "1.97.4",
   "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/GridTaskBlock.tsx b/src/components/GridTaskBlock.tsx
index a5a3645..00f00e1 100644
--- a/src/components/GridTaskBlock.tsx
+++ b/src/components/GridTaskBlock.tsx
@@ -476,6 +476,25 @@ export function GridTaskBlock({
                                     </svg>
                                 </button>
                             )}
+                            {/* Rolling indicator */}
+                            {task.isRolling && !task.completed && (
+                                <span
+                                    title="Auto-rolling task"
+                                    style={{
+                                        display: "inline-flex",
+                                        alignItems: "center",
+                                        padding: "1px 3px",
+                                        color: "var(--weekly-teal, #009a9a)",
+                                        marginLeft: "3px",
+                                        flexShrink: 0,
+                                    }}
+                                >
+                                    <svg viewBox="0 0 24 24" width="10" height="10" stroke="currentColor" strokeWidth="2.5" fill="none" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                                        <polyline points="23 4 23 10 17 10" />
+                                        <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" />
+                                    </svg>
+                                </span>
+                            )}
                             {weatherEnabled && (() => {
                                 const provider = task.externalProvider
                                     || (task.externalId?.startsWith("synology::") ? "synology" : null);