|
@@ -18,15 +18,18 @@ const PageList = (props) => {
|
|
|
|
|
|
|
|
const [totalItemsCount, setTotalItemsCount] = useState(0);
|
|
const [totalItemsCount, setTotalItemsCount] = useState(0);
|
|
|
const [activePage, setActivePage] = useState(1);
|
|
const [activePage, setActivePage] = useState(1);
|
|
|
|
|
+ const [totalPages, setTotalPages] = useState(0);
|
|
|
const [paginationNumbers, setPaginationNumbers] = useState({});
|
|
const [paginationNumbers, setPaginationNumbers] = useState({});
|
|
|
const [limit, setLimit] = useState(Infinity);
|
|
const [limit, setLimit] = useState(Infinity);
|
|
|
|
|
|
|
|
const getPageList = useCallback(async() => {
|
|
const getPageList = useCallback(async() => {
|
|
|
- const res = await appContainer.apiv3Get('/pages/list', { path });
|
|
|
|
|
|
|
+ const res = await appContainer.apiv3Get('/pages/list', { path, limit });
|
|
|
|
|
|
|
|
setPages(res.data.pages);
|
|
setPages(res.data.pages);
|
|
|
setIsLoading(true);
|
|
setIsLoading(true);
|
|
|
- }, [appContainer, path]);
|
|
|
|
|
|
|
+ setLimit(limit);
|
|
|
|
|
+ setTotalPages(res.totalCount);
|
|
|
|
|
+ }, [appContainer, path, limit]);
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
|
getPageList();
|
|
getPageList();
|
|
@@ -50,8 +53,6 @@ const PageList = (props) => {
|
|
|
));
|
|
));
|
|
|
|
|
|
|
|
const handlePage = 'handlePage';
|
|
const handlePage = 'handlePage';
|
|
|
- const totalPages = 'totalPages';
|
|
|
|
|
- const pagingLimit = 'pagingLimit';
|
|
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<div className="page-list-container-create">
|
|
<div className="page-list-container-create">
|
|
@@ -62,7 +63,7 @@ const PageList = (props) => {
|
|
|
activePage={activePage}
|
|
activePage={activePage}
|
|
|
changePage={handlePage}
|
|
changePage={handlePage}
|
|
|
totalItemsCount={totalPages}
|
|
totalItemsCount={totalPages}
|
|
|
- pagingLimit={pagingLimit}
|
|
|
|
|
|
|
+ pagingLimit={limit}
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|