fix bug and errors

This commit is contained in:
SlimusMinus
2026-10-06 01:00:10 +03:00
parent 73e3634ec4
commit d94a6782a4
50 changed files with 937 additions and 2642 deletions

View File

@@ -1,8 +1,21 @@
import { useState, useCallback } from "react";
import { useState, useCallback, useRef } from "react";
import { API_URL } from "../config/authConstants";
const PAGE_SIZE = 20;
/**
* Достаёт элементы страницы независимо от формы ответа бэкенда
* (Spring Page {content,last}, {items,last} или голый массив).
*/
function extractPage(data) {
if (Array.isArray(data)) {
return { items: data, last: data.length < PAGE_SIZE };
}
const items = data?.content ?? data?.items ?? [];
const last = typeof data?.last === "boolean" ? data.last : items.length < PAGE_SIZE;
return { items, last };
}
/**
* Управляет основной лентой объявлений: загрузка, пагинация, поиск.
*/
@@ -13,8 +26,13 @@ export function useFeedPosts() {
const [page, setPage] = useState(0);
const [hasMore, setHasMore] = useState(true);
const [loadingMore, setLoadingMore] = useState(false);
// Номер последнего начатого запроса: ответы приходят не по порядку
// (дебаунс поиска, бесконечный скролл, refresh после удаления), и без
// этой проверки медленный «старый» ответ перетирал бы свежий.
const requestIdRef = useRef(0);
const loadFeed = useCallback(async (pageNum = 0, search = "", append = false) => {
const requestId = ++requestIdRef.current;
if (pageNum === 0) {
setLoading(true);
} else {
@@ -28,21 +46,37 @@ export function useFeedPosts() {
const res = await fetch(`${API_URL}/api/v1/posts?${params}`);
if (!res.ok) throw new Error(`Error ${res.status}`);
const data = await res.json();
if (requestId !== requestIdRef.current) return; // устаревший ответ
const content = data.content ?? [];
const normalizedAds = content.map(ad => ({
const { items, last } = extractPage(data);
const normalizedAds = items.map(ad => ({
...ad,
type: ad.type ? ad.type.toLowerCase() : "loss",
}));
setAds(prev => (append ? [...prev, ...normalizedAds] : normalizedAds));
setHasMore(!data.last);
setAds(prev => {
const merged = append ? [...prev, ...normalizedAds] : normalizedAds;
// Пересекающиеся страницы (сдвиг при вставке новых объявлений) не должны
// давать дубликаты — React потеряет state у карточек с одинаковым key.
const seen = new Set();
return merged.filter(ad => {
if (seen.has(ad.id)) return false;
seen.add(ad.id);
return true;
});
});
setHasMore(!last);
setPage(pageNum);
} catch (err) {
if (requestId !== requestIdRef.current) return;
setError(err.message || "Failed to load ads");
} finally {
setLoading(false);
setLoadingMore(false);
// Флаг снимает только «свой» запрос: иначе подгрузка страницы N
// гасила бы спиннер первой страницы, и наоборот.
if (requestId === requestIdRef.current) {
setLoading(false);
setLoadingMore(false);
}
}
}, []);