feat: switch to cursor pagination (#1884)
* add cursor pagination function * support custom order modifier * refactor returned object * feat(db): migrate paginated endpoints to cursor-based pagination * sync * support hasPrevPage boolean * feat(client): migrate pagination from offset to cursor-based * support beforeCursor/prevCursor * wrap search results in items array for API consistency
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
import { useState, useCallback } from "react";
|
||||
|
||||
export function useCursorPaginate() {
|
||||
const [cursor, setCursor] = useState<string | undefined>(undefined);
|
||||
const [cursorStack, setCursorStack] = useState<(string | undefined)[]>([]);
|
||||
|
||||
const goNext = useCallback((nextCursor: string | null | undefined) => {
|
||||
if (nextCursor) {
|
||||
setCursorStack((prev) => [...prev, cursor]);
|
||||
setCursor(nextCursor);
|
||||
}
|
||||
}, [cursor]);
|
||||
|
||||
const goPrev = useCallback(() => {
|
||||
setCursorStack((prev) => {
|
||||
const next = prev.slice(0, -1);
|
||||
setCursor(prev[prev.length - 1]);
|
||||
return next;
|
||||
});
|
||||
}, []);
|
||||
|
||||
const resetCursor = useCallback(() => {
|
||||
setCursor(undefined);
|
||||
setCursorStack([]);
|
||||
}, []);
|
||||
|
||||
return { cursor, goNext, goPrev, resetCursor };
|
||||
}
|
||||
Reference in New Issue
Block a user