54

Author: kossiecoder

db.json

@@ -1,5 +1,26 @@
 {
   "posts": [
+    {
+      "title": "reactjs123123",
+      "body": "reactjs",
+      "createdAt": 1644556415774,
+      "id": 1,
+      "publish": true
+    },
+    {
+      "title": "reactjs345345",
+      "body": "reactjs",
+      "createdAt": 1644556415774,
+      "id": 2,
+      "publish": true
+    },
+    {
+      "title": "reactjs456456",
+      "body": "reactjs",
+      "createdAt": 1644556415774,
+      "id": 3,
+      "publish": true
+    },
     {
       "title": "reactjs1111",
       "body": "reactjs",
@@ -66,7 +87,7 @@
     {
       "title": "test4",
       "body": "test4",
-      "publish": false,
+      "publish": true,
       "createdAt": 1647211557225,
       "id": 14
     },

src/components/BlogList.js

@@ -12,13 +12,19 @@ const BlogList = ({ isAdmin }) => {
   const [loading, setLoading] = useState(true);
 
   const getPosts = (page = 1) => {
+    let params = {
+      _page: page,
+      _limit: 5,
+      _sort: 'id',
+      _order: 'desc',
+    }
+
+    if (!isAdmin) {
+      params = { ...params, publish: true };
+    }
+
     axios.get(`http://localhost:3001/posts`, {
-      params: {
-        _page: page,
-        _limit: 5,
-        _sort: 'id',
-        _order: 'desc',
-      }
+      params
     }).then((res) => {
       setPosts(res.data);
       setLoading(false);
@@ -47,9 +53,7 @@ const BlogList = ({ isAdmin }) => {
     return (<div>No blog posts found</div>)
   }
   const renderBlogList = () => {
-    return posts.filter(post => {
-      return isAdmin || post.publish
-    }).map(post => {
+    return posts.map(post => {
       return (
         <Card 
           key={post.id}