From e3259b1574922b9b9d9639e4148a6d42e12002a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maxi=20Quo=C3=9F?= <maxi@quoss.org>
Date: Tue, 3 Sep 2024 17:35:03 +0200
Subject: [PATCH] fix: update cron text reactively

---
 frontend/src/lib/components/DeviceCard.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/DeviceCard.svelte b/frontend/src/lib/components/DeviceCard.svelte
index c0510d14..7a4b9d3e 100644
--- a/frontend/src/lib/components/DeviceCard.svelte
+++ b/frontend/src/lib/components/DeviceCard.svelte
@@ -130,7 +130,7 @@
 		});
 	}
 
-	function getNextCronRelativeTime(expression: string) {
+	function getNextCronRelativeTime(expression: string, now: number) {
 		const cron = cronParser.parseExpression(expression);
 		return formatRelative(cron.next().toISOString(), now, {
 			locale: dateFnsLocale
@@ -156,14 +156,17 @@
 				{#if device.wake_cron_enabled}
 					<div class="tooltip" data-tip={$LL.device.card_tooltip_wake_cron()}>
 						<span class="badge badge-success gap-1 p-3"
-							><Fa icon={faCircleArrowUp} />{getNextCronRelativeTime(device.wake_cron)}</span
+							><Fa icon={faCircleArrowUp} />{getNextCronRelativeTime(device.wake_cron, now)}</span
 						>
 					</div>
 				{/if}
 				{#if device.shutdown_cron_enabled}
 					<div class="tooltip" data-tip={$LL.device.card_tooltip_shutdown_cron()}>
 						<span class="badge badge-error gap-1 p-3"
-							><Fa icon={faCircleArrowDown} />{getNextCronRelativeTime(device.shutdown_cron)}</span
+							><Fa icon={faCircleArrowDown} />{getNextCronRelativeTime(
+								device.shutdown_cron,
+								now
+							)}</span
 						>
 					</div>
 				{/if}