redux setup done for blog list

client/src/constants/blogConstant.js

@@ -0,0 +1,5 @@
+export const BLOG_FETCH_REQUEST = "BLOG_FETCH_REQUEST"
+export const BLOG_FETCH_SUCCESS = "BLOG_FETCH_SUCCESS"
+export const BLOG_FETCH_FAIL = "BLOG_FETCH_FAIL"
+
+export const BLOG_CREATE = "BLOG_CREATE"

client/src/redux/actions/blogActions.js

@@ -0,0 +1,24 @@
+import axios from "axios"
+import { BLOG_FETCH_FAIL, BLOG_FETCH_REQUEST, BLOG_FETCH_SUCCESS } from "../../constants/blogConstant"
+// @ GET blogs
+export const fetchBlogs = () => async (dispatch) => {
+    try {
+        dispatch({ type:BLOG_FETCH_REQUEST})
+
+        const { data } = await axios.get(`/api/blogs`)
+
+        dispatch({
+            type: BLOG_FETCH_SUCCESS,
+            payload: data
+        })
+
+    } catch (error) {
+        console.log(error);
+        dispatch({
+            type: BLOG_FETCH_FAIL,
+            payload: error.response && error.response.data.message ? error.response.data.message : error.message
+        })
+    }
+
+
+}

client/src/redux/reducers/blogReducers.js

@@ -0,0 +1,17 @@
+import { BLOG_FETCH_FAIL, BLOG_FETCH_REQUEST, BLOG_FETCH_SUCCESS } from "../../constants/blogConstant"
+
+export const blogListReducer = ( blogs=[], action) => {
+    switch (action.type) {
+        case BLOG_FETCH_REQUEST:
+            return { loading: true, blogs: [] }
+
+        case BLOG_FETCH_SUCCESS:
+            return { loading: false, blogs: action.payload}
+
+        case BLOG_FETCH_FAIL:
+            return { loading: false, error: action.payload }
+
+        default:
+            return blogs
+    }
+}

client/src/store.js

@@ -1,6 +1,9 @@
 import { applyMiddleware, combineReducers, createStore } from "redux";
 import { composeWithDevTools } from "redux-devtools-extension";
 import thunk from "redux-thunk";
+import {
+  blogListReducer
+} from "./redux/reducers/blogReducers";
 import { cartReducer } from "./redux/reducers/cartReducers";
 import {
   orderCreateReducer, orderListReducer
@@ -31,7 +34,8 @@ const reducer = combineReducers({
   userDelete: userDeleteReducer,
   cart: cartReducer,
   orderCreate: orderCreateReducer,
-  orderList: orderListReducer
+  orderList: orderListReducer,
+  blogList:blogListReducer
 });
 
 const cartItemsFromStorage = localStorage.getItem("cartItems")