diff --git a/frontend/src/ASNsNewManager.jsx b/frontend/src/ASNsNewManager.jsx index fd680d2..99f3b08 100644 --- a/frontend/src/ASNsNewManager.jsx +++ b/frontend/src/ASNsNewManager.jsx @@ -76,19 +76,7 @@ function ASNsNewManager() { })(); }, []); - // Подгружаем имена ASN из кэша/внешних API - useEffect(() => { - const visible = paginatedItems.map(i => i.asn); - visible.forEach(async (asn) => { - const cached = getAsnNameSync(asn); - if (cached !== null && typeof cached !== 'undefined') { - setAsnNameMap(prev => ({ ...prev, [asn]: cached })); - return; - } - const name = await getAsnName(asn); - if (name !== null) setAsnNameMap(prev => ({ ...prev, [asn]: name })); - }); - }, [JSON.stringify(paginatedItems)]); + // Подгружаем имена ASN из кэша/внешних API (эффект будет размещен ниже после определения paginatedItems) const renderCommunityBadge = (value) => { const v = String(value ?? '').trim(); @@ -382,6 +370,20 @@ function ASNsNewManager() { const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize)); const paginatedItems = filtered.slice((currentPage - 1) * pageSize, (currentPage) * pageSize); + // Подгружаем имена ASN из кэша/внешних API (после вычисления paginatedItems) + useEffect(() => { + const visible = paginatedItems.map(i => i.asn); + visible.forEach(async (asn) => { + const cached = getAsnNameSync(asn); + if (cached !== null && typeof cached !== 'undefined') { + setAsnNameMap(prev => ({ ...prev, [asn]: cached })); + return; + } + const name = await getAsnName(asn); + if (name !== null) setAsnNameMap(prev => ({ ...prev, [asn]: name })); + }); + }, [JSON.stringify(paginatedItems)]); + // Для фильтра - список всех уникальных community const allCommunities = Array.from(new Set(items.map(i => String(i.community))));