diff --git a/web/frontend/src/Node.root.svelte b/web/frontend/src/Node.root.svelte
index 60ab404..ff6946a 100644
--- a/web/frontend/src/Node.root.svelte
+++ b/web/frontend/src/Node.root.svelte
@@ -172,7 +172,7 @@
{
+ onRefresh={() => {
const diff = Date.now() - to;
from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff);
diff --git a/web/frontend/src/Status.root.svelte b/web/frontend/src/Status.root.svelte
index d8bc780..979c06b 100644
--- a/web/frontend/src/Status.root.svelte
+++ b/web/frontend/src/Status.root.svelte
@@ -342,7 +342,7 @@
{
+ onRefresh={() => {
from = new Date(Date.now() - 5 * 60 * 1000);
to = new Date(Date.now());
}}
diff --git a/web/frontend/src/Systems.root.svelte b/web/frontend/src/Systems.root.svelte
index 1589cac..cc698ab 100644
--- a/web/frontend/src/Systems.root.svelte
+++ b/web/frontend/src/Systems.root.svelte
@@ -165,7 +165,7 @@
{
+ onRefresh={() => {
const diff = Date.now() - to;
from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff);
diff --git a/web/frontend/src/generic/helper/Refresher.svelte b/web/frontend/src/generic/helper/Refresher.svelte
index b16f2d4..384e4c2 100644
--- a/web/frontend/src/generic/helper/Refresher.svelte
+++ b/web/frontend/src/generic/helper/Refresher.svelte
@@ -16,13 +16,8 @@
onRefresh
} = $props();
- if (initially != null) {
- refreshInterval = initially * 1000;
- refreshIntervalChanged();
- }
-
/* State Init */
- let refreshInterval = $state(null);
+ let refreshInterval = $state(initially ? initially * 1000 : null);
/* Var Init */
let refreshIntervalId = null;
@@ -33,6 +28,11 @@
if (refreshInterval == null) return;
refreshIntervalId = setInterval(() => onRefresh(), refreshInterval);
}
+
+ /* Svelte 5 onMount */
+ $effect(() => {
+ refreshIntervalChanged();
+ });