admin/snakkimo-cmt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use server-side ?search= API instead of client-side filtering

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
admin
2026-05-21 22:50:53 +02:00
parent bdf3bd590e
commit 3c59713c25
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/RecordModal.jsx
View File

@@ -126,18 +126,16 @@ function RelationManager({ recordId, rel }) {
if (!search.trim()) { setSearchResults([]); return; } if (!search.trim()) { setSearchResults([]); return; }
const timer = setTimeout(() => { const timer = setTimeout(() => {
setSearching(true); setSearching(true);
apiFetch(`${rel.searchEndpoint}?limit=500&offset=0`) const q = encodeURIComponent(search.trim());
apiFetch(`${rel.searchEndpoint}?search=${q}&limit=20&offset=0`)
.then(data => { .then(data => {
const arr = Array.isArray(data) ? data : []; const arr = Array.isArray(data) ? data : [];
const q = search.toLowerCase();
const linked = new Set((items || []).map(i => i.id)); const linked = new Set((items || []).map(i => i.id));
setSearchResults( setSearchResults(arr.filter(r => !linked.has(r.id)));
arr.filter(r => rel.searchLabel(r).toLowerCase().includes(q) && !linked.has(r.id))
);
}) })
.catch(() => setSearchResults([])) .catch(() => setSearchResults([]))
.finally(() => setSearching(false)); .finally(() => setSearching(false));
}, 250); }, 300);
return () => clearTimeout(timer); return () => clearTimeout(timer);
}, [search, showSearch, items, rel]); }, [search, showSearch, items, rel]);