- Kein Modul gefunden für „{query}".
+ Kein Modul gefunden für „{query}".
) : (
diff --git a/components/Phase2FinishForms.tsx b/components/Phase2FinishForms.tsx
index 032d45b..bcf1908 100644
--- a/components/Phase2FinishForms.tsx
+++ b/components/Phase2FinishForms.tsx
@@ -379,18 +379,24 @@ export function InviteTrackerForm({
}) {
const [enabled, setEnabled] = useState(initialEnabled);
const [rows, setRows] = useState
(null);
- const [loading, setLoading] = useState(false);
- const [pending, startTransition] = useTransition();
+ const [fetched, setFetched] = useState(false);
+ const [, startTransition] = useTransition();
+
+ // loading wird abgeleitet — kein synchrones setState im Effect.
+ const loading = enabled && !fetched;
useEffect(() => {
- if (!enabled || rows !== null) return;
- setLoading(true);
- listInviteLeaderboard(guildId)
- .then((r) => {
- if (r.ok && r.rows) setRows(r.rows);
- })
- .finally(() => setLoading(false));
- }, [enabled, rows, guildId]);
+ if (!enabled || fetched) return;
+ let active = true;
+ listInviteLeaderboard(guildId).then((r) => {
+ if (!active) return;
+ if (r.ok && r.rows) setRows(r.rows);
+ setFetched(true);
+ });
+ return () => {
+ active = false;
+ };
+ }, [enabled, fetched, guildId]);
const toggle = (next: boolean) => {
setEnabled(next);
diff --git a/components/TicketsForm.tsx b/components/TicketsForm.tsx
index 17149c9..d910cc2 100644
--- a/components/TicketsForm.tsx
+++ b/components/TicketsForm.tsx
@@ -1182,16 +1182,23 @@ function TicketListView({
status: 'open' | 'closed';
}) {
const [tickets, setTickets] = useState(null);
- const [loading, setLoading] = useState(true);
+ const [loadedKey, setLoadedKey] = useState(null);
const [viewingId, setViewingId] = useState(null);
+ const key = `${guildId}:${status}`;
+ const loading = loadedKey !== key;
+
useEffect(() => {
- setLoading(true);
+ let active = true;
listTicketsForGuild(guildId, status).then((r) => {
+ if (!active) return;
if (r.ok && r.tickets) setTickets(r.tickets);
- setLoading(false);
+ setLoadedKey(key);
});
- }, [guildId, status]);
+ return () => {
+ active = false;
+ };
+ }, [guildId, status, key]);
if (loading) {
return (
@@ -1273,14 +1280,19 @@ function TicketListView({
function FeedbackView({ guildId }: { guildId: string }) {
const [data, setData] = useState<{ feedback: TicketFeedbackRow[]; avg: number } | null>(null);
- const [loading, setLoading] = useState(true);
+ const [loadedGuild, setLoadedGuild] = useState(null);
+ const loading = loadedGuild !== guildId;
useEffect(() => {
- setLoading(true);
+ let active = true;
listTicketFeedbackForGuild(guildId).then((r) => {
+ if (!active) return;
if (r.ok) setData({ feedback: r.feedback ?? [], avg: r.avgRating ?? 0 });
- setLoading(false);
+ setLoadedGuild(guildId);
});
+ return () => {
+ active = false;
+ };
}, [guildId]);
if (loading) {
@@ -1294,7 +1306,7 @@ function FeedbackView({ guildId }: { guildId: string }) {
return (
- Noch kein Feedback. Aktiviere es in einem Panel unter „Feedback".
+ Noch kein Feedback. Aktiviere es in einem Panel unter „Feedback".
);
@@ -1352,16 +1364,21 @@ function TranscriptViewer({
ticket?: TicketSummary;
messages?: TranscriptMessageAct[];
} | null>(null);
- const [loading, setLoading] = useState(true);
+ const [loadedId, setLoadedId] = useState(null);
+ const loading = loadedId !== ticketId;
useEffect(() => {
- setLoading(true);
+ let active = true;
getTicketTranscript(guildId, ticketId).then((r) => {
+ if (!active) return;
if (r.ok) {
setData({ ticket: r.ticket, messages: r.messages });
}
- setLoading(false);
+ setLoadedId(ticketId);
});
+ return () => {
+ active = false;
+ };
}, [guildId, ticketId]);
return (