Get basic concept of pagination working on NestsContainer.tsx
This commit is contained in:
parent
b17bb7c24b
commit
052a6d4ce5
6 changed files with 280 additions and 160 deletions
25
resources/scripts/api/swr/getNests.ts
Normal file
25
resources/scripts/api/swr/getNests.ts
Normal file
|
@ -0,0 +1,25 @@
|
|||
import { Nest } from '@/api/admin/nests/getNests';
|
||||
import useSWR from 'swr';
|
||||
import http, { getPaginationSet, PaginatedResult } from '@/api/http';
|
||||
import { rawDataToNest } from '@/api/transformers';
|
||||
import { createContext, useContext } from 'react';
|
||||
|
||||
interface ctx {
|
||||
page: number;
|
||||
setPage: (value: number | ((s: number) => number)) => void;
|
||||
}
|
||||
|
||||
export const Context = createContext<ctx>({ page: 1, setPage: () => 1 });
|
||||
|
||||
export default () => {
|
||||
const { page } = useContext(Context);
|
||||
|
||||
return useSWR<PaginatedResult<Nest>>([ 'nests', page ], async () => {
|
||||
const { data } = await http.get(`/api/application/nests`, { params: { page } });
|
||||
|
||||
return ({
|
||||
items: (data.data || []).map(rawDataToNest),
|
||||
pagination: getPaginationSet(data.meta.pagination),
|
||||
});
|
||||
});
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue