feat: Anzeige der Meldungen nur bei Button-Klick, Initialdatum auf heute - 30 Tage gesetzt
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user