github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix searchlist pagination

Browse Source
This commit is contained in:
Abhimanyu Yadav
2025-05-30 11:11:40 +05:30
parent dd71d65706
commit 97bcb0f95e
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
autogpt_platform/frontend/src/components/builder/block-menu/search-and-filter/BlockMenuSearch.tsx
View File

@@ -15,7 +15,7 @@ const BlockMenuSearch: React.FC = ({}) => {
} = useBlockMenuContext();
const [isLoading, setIsLoading] = useState<boolean>(false);
const [hasMore, setHasMore] = useState<boolean>(true);
const [page, setPage] = useState<number>(0);
const [page, setPage] = useState<number>(1);
const [loadingMore, setLoadingMore] = useState<boolean>(false);
const [error, setError] = useState<string | null>(null);
const scrollRef = useRef<HTMLDivElement>(null);
@@ -59,8 +59,10 @@ const BlockMenuSearch: React.FC = ({}) => {
setCategoryCounts(response.total_items);
if (isLoadMore) {
console.log("search list : ", response.items);
setSearchData((prev) => [...prev, ...response.items]);
} else {
console.log("initial list : ", response.items);
setSearchData(response.items);
}
@@ -74,7 +76,7 @@ const BlockMenuSearch: React.FC = ({}) => {
: "Failed to load search results",
);
if (!isLoadMore) {
setPage(0);
setPage(1);
}
} finally {
setIsLoading(false);
@@ -113,14 +115,14 @@ const BlockMenuSearch: React.FC = ({}) => {
useEffect(() => {
if (searchQuery) {
setPage(0);
setPage(1);
setHasMore(true);
setError(null);
fetchSearchData(0, false);
fetchSearchData(1, false);
} else {
setSearchData([]);
setError(null);
setPage(0);
setPage(1);
setHasMore(true);
}
}, [searchQuery, searchId, filters, fetchSearchData, setSearchData]);
@@ -137,9 +139,9 @@ const BlockMenuSearch: React.FC = ({}) => {
hasMore={hasMore}
error={error}
onRetry={() => {
setPage(0);
setPage(1);
setError(null);
fetchSearchData(0, false);
fetchSearchData(1, false);
}}
/>
</div>