78b1c1a453
* 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
28 lines
774 B
TypeScript
28 lines
774 B
TypeScript
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 };
|
|
}
|