Skip to content

F
frontend
Commit 71f45d05 authored by isstuev's avatar isstuev
Browse files
Options

router push fix

parent f1122f41
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 6 deletions
ui/txs/useQueryWithPages.ts
View file @ 71f45d05
...@@ -43,9 +43,11 @@ export default function useQueryWithPages(queryName: string, filter: string) { ...@@ -43,9 +43,11 @@ export default function useQueryWithPages(queryName: string, filter: string) {
} }
const nextPageQuery = { ...router.query }; const nextPageQuery = { ...router.query };
Object.entries(nextPageParams).forEach(([ key, val ]) => nextPageQuery[key] = val.toString()); Object.entries(nextPageParams).forEach(([ key, val ]) => nextPageQuery[key] = val.toString());
router.push({ pathname: router.pathname, query: nextPageQuery }, undefined, { shallow: true }); router.push({ pathname: router.pathname, query: nextPageQuery }, undefined, { shallow: true })
animateScroll.scrollToTop({ duration: 0 }); .then(() => {
setPage(prev => prev + 1); animateScroll.scrollToTop({ duration: 0 });
setPage(prev => prev + 1);
});
}, [ data, page, pageParams, router ]); }, [ data, page, pageParams, router ]);
const onPrevPageClick = useCallback(() => { const onPrevPageClick = useCallback(() => {
...@@ -60,9 +62,11 @@ export default function useQueryWithPages(queryName: string, filter: string) { ...@@ -60,9 +62,11 @@ export default function useQueryWithPages(queryName: string, filter: string) {
Object.entries(nextPageParams).forEach(([ key, val ]) => nextPageQuery[key] = val.toString()); Object.entries(nextPageParams).forEach(([ key, val ]) => nextPageQuery[key] = val.toString());
} }
router.query = nextPageQuery; router.query = nextPageQuery;
router.push({ pathname: router.pathname, query: nextPageQuery }, undefined, { shallow: true }); router.push({ pathname: router.pathname, query: nextPageQuery }, undefined, { shallow: true })
animateScroll.scrollToTop({ duration: 0 }); .then(() => {
setPage(prev => prev - 1); animateScroll.scrollToTop({ duration: 0 });
setPage(prev => prev - 1);
});
}, [ router, page, pageParams ]); }, [ router, page, pageParams ]);
const resetPage = useCallback(() => { const resetPage = useCallback(() => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment