feat: Anzeige der Meldungen nur bei Button-Klick, Initialdatum auf heute - 30 Tage gesetzt

This commit is contained in:
ISA
2025-04-24 07:15:42 +02:00
parent 3d11db296f
commit 783baff21f
2 changed files with 11 additions and 13 deletions

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/
const webVersion = "1.6.261";
const webVersion = "1.6.262";
export default webVersion;

View File

@@ -1,6 +1,6 @@
"use client";
// /pages/meldungen.tsx
import React, { useEffect, useState } from "react";
import React, { useState } from "react";
type Meldung = {
t: string;
@@ -16,9 +16,15 @@ export default function Messages() {
const [messages, setMessages] = useState<Meldung[]>([]);
const [currentPage, setCurrentPage] = useState(1);
// Standarddatum zurücksetzen auf 2025-02-28 (letzter Tag mit Daten!)
const [fromDate, setFromDate] = useState<string>("2025-02-28");
const [toDate, setToDate] = useState<string>("2025-02-28");
// Datum initialisieren: von = heute - 30 Tage, bis = heute
const today = new Date();
const prior30 = new Date();
prior30.setDate(today.getDate() - 30);
const formatDate = (d: Date) => d.toISOString().split("T")[0];
const [fromDate, setFromDate] = useState<string>(formatDate(prior30));
const [toDate, setToDate] = useState<string>(formatDate(today));
const fetchMessages = async () => {
const from = new Date(fromDate);
@@ -57,14 +63,6 @@ export default function Messages() {
}
};
useEffect(() => {
fetchMessages();
}, []);
useEffect(() => {
fetchMessages();
}, [fromDate, toDate]);
const totalPages = Math.ceil(messages.length / ITEMS_PER_PAGE);
const currentMessages = messages.slice(
(currentPage - 1) * ITEMS_PER_PAGE,