Can't make it work with redux-thunk

Hi,

I followed the readme but can’t make it work with redux-thunk.

import { routerReducer as routing } from 'react-router-redux'
import { combineReducers } from 'redux'
import { loadingBarReducer } from 'react-redux-loading-bar'

const rootReducer = combineReducers({
  routing,
  loadingBar: loadingBarReducer,
});

export default rootReducer;

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk'
import { logger } from 'redux-logger'
import rootReducer from '../reducers'
import { loadingBarMiddleware } from 'react-redux-loading-bar'

export default function configureStore(preloadedState) {
  const store = createStore(
    rootReducer,
    preloadedState,
    applyMiddleware(thunk, loadingBarMiddleware(), logger)
  );
  return store;
}

Also added <LoadingBar /> Can you please tell me where to look?

[mironov]

@nextofsearch It seems that you don’t use redux-promise-middleware and thus can’t rely on its action type names.

Do you use fetchData across the app whenever you need to fetch any data? If yes, you can simply put showLoading and hideLoading calls in it. You can dispatch showLoading before dispatching beforeActionCreator and hideLoading before successActionCreator and failureActionCreator .

I’m going to close the issue because that is not an issue with the lib. Feel free to use the issue to discuss the usage of the lib with redux-thunk.

[mironov]

@jamby Sorry for the late reply. I created a branch of demo with axios. You can take a look at the diff here: https://github.com/mironov/react-redux-loading-bar/compare/gh-pages...demo-axios