fix refresher sv5 logic

This commit is contained in:
Christoph Kluge 2025-06-02 14:20:32 +02:00
parent 703556d893
commit 42c4926c47
4 changed files with 9 additions and 9 deletions

View File

@ -172,7 +172,7 @@
<!-- Refresh Col-->
<Col class="mt-2 mt-lg-0">
<Refresher
on:refresh={() => {
onRefresh={() => {
const diff = Date.now() - to;
from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff);

View File

@ -342,7 +342,7 @@
<Col class="mt-2 mt-md-0">
<Refresher
initially={120}
on:refresh={() => {
onRefresh={() => {
from = new Date(Date.now() - 5 * 60 * 1000);
to = new Date(Date.now());
}}

View File

@ -165,7 +165,7 @@
<!-- Refresh Col-->
<Col class="mt-2 mt-lg-0">
<Refresher
on:refresh={() => {
onRefresh={() => {
const diff = Date.now() - to;
from = new Date(from.getTime() + diff);
to = new Date(to.getTime() + diff);

View File

@ -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();
});
</script>
<InputGroup>