فهرست منبع

add paginate option

takeru0001 5 سال پیش
والد
کامیت
f3d0289fca
1فایلهای تغییر یافته به همراه13 افزوده شده و 8 حذف شده
  1. 13 8
      src/client/js/components/PageList.jsx

+ 13 - 8
src/client/js/components/PageList.jsx

@@ -21,15 +21,20 @@ const PageList = (props) => {
   const [totalPages, setTotalPages] = useState(0);
   const [paginationNumbers, setPaginationNumbers] = useState({});
   const [limit, setLimit] = useState(Infinity);
+  const [offset, setOffset] = useState(0);
 
-  const getPageList = useCallback(async() => {
+  function createdPageList(selectPageNumber) {
+    setLimit(appContainer.getConfig().recentCreatedLimit);
+    setOffset((selectPageNumber - 1) * limit)
+    const getPageList = useCallback(async() => {
     const res = await appContainer.apiv3Get('/pages/list', { path, limit });
 
-    setPages(res.data.pages);
-    setIsLoading(true);
-    setLimit(limit);
-    setTotalPages(res.totalCount);
-  }, [appContainer, path, limit]);
+      setPages(res.data.pages);
+      setIsLoading(true);
+      setLimit(limit);
+      setTotalPages(res.totalCount);
+    }, [appContainer, path, limit]);
+  }
 
   useEffect(() => {
     getPageList();
@@ -60,9 +65,9 @@ const PageList = (props) => {
         {pageList}
       </ul>
       <PaginationWrapper
-        activePage={activePage}
+        activePage={3}
         changePage={handlePage}
-        totalItemsCount={totalPages}
+        totalItemsCount={}
         pagingLimit={limit}
       />
     </div>