62

Author: kossiecoder

db.json

@@ -56,20 +56,6 @@
       "createdAt": 1647211385146,
       "id": 9
     },
-    {
-      "title": "test",
-      "body": "test",
-      "publish": false,
-      "createdAt": 1647211425309,
-      "id": 10
-    },
-    {
-      "title": "test1",
-      "body": "test1",
-      "publish": false,
-      "createdAt": 1647211538719,
-      "id": 11
-    },
     {
       "title": "test2",
       "body": "test2",

src/components/BlogList.js

@@ -26,6 +26,8 @@ const BlogList = ({ isAdmin }) => {
 
   const onClickPageButton = (page) => {
     history.push(`${location.pathname}?page=${page}`)
+    setCurrentPage(page);
+    getPosts(page);
   }
 
   const getPosts = useCallback((page = 1) => {
@@ -52,8 +54,8 @@ const BlogList = ({ isAdmin }) => {
 
   useEffect(() => {
     setCurrentPage(parseInt(pageParam) || 1);
-    getPosts(parseInt(pageParam) || 1);
-  }, [pageParam, getPosts]);
+    getPosts(parseInt(pageParam) || 1)
+  }, []);
 
   const deleteBlog = (e, id) => {
     e.stopPropagation();
@@ -90,8 +92,12 @@ const BlogList = ({ isAdmin }) => {
     })
   }
 
-  const onSearch = () => {
-    getPosts(1);
+  const onSearch = (e) => {
+    if (e.key === 'Enter') {
+      history.push(`${location.pathname}?page=1`)
+      setCurrentPage(1);
+      getPosts(1);
+    }
   }
 
   return (