add state to manage limit

src/redux/actionCreators.js

@@ -1,16 +1,16 @@
 import axios from "axios"
 import * as types from "./actionTypes"
 
-// export const increment = (value) => ({
-//     type: types.INCREMENT_COUNT,
-//     payload: value
-// })
+export const getCurrentLimit = (value) => ({
+    type: types.GET_CURRENT_LIMIT,
+    payload: value
+})
 
-export const getCryptocurrencies = () => {
+export const getCryptocurrencies = (currentLimit) => {
     return async (dispatch) => {
         dispatch({type: types.GET_CRYPTO_START})
         try {
-            const response = await axios.get(`${process.env.REACT_APP_API_URL}/assets`)
+            const response = await axios.get(`${process.env.REACT_APP_API_URL}/assets`, {params: {limit: currentLimit}})
             dispatch({type: types.GET_CRYPTO_SUCCESS, payload: response.data.data})
         } catch (error) {
             dispatch({type: types.GET_CRYPTO_FAIL, payload: error.message})

src/redux/actionTypes.js

@@ -1,3 +1,4 @@
 export const GET_CRYPTO_START = "GET_CRYPTO_START"
 export const GET_CRYPTO_SUCCESS = "GET_CRYPTO_SUCCESS"
-export const GET_CRYPTO_FAIL = "GET_CRYPTO_FAIL"
+export const GET_CRYPTO_FAIL = "GET_CRYPTO_FAIL"
+export const GET_CURRENT_LIMIT = "GET_CURRENT_LIMIT"

src/redux/reducer.js

@@ -5,6 +5,7 @@ const initialState = {
     loading: false,
     assets: [],
     error: "",
+    currentLimit: 20
 }
 
 const cryptoReducer = (state = initialState, action) => {
@@ -17,6 +18,8 @@ const cryptoReducer = (state = initialState, action) => {
             return {...state, loading: false, assets: payload}
         case types.GET_CRYPTO_FAIL:
             return {...state, loading: false, error: payload}
+        case types.GET_CURRENT_LIMIT:
+            return {...state, currentLimit: payload}
         default:
             return state
     }