Closed Dani-Boy92 closed 3 years ago
@Dani-Boy92 Hey, everything seems right from the first look. Could you make sure that Loading Bar is shown when explicitly set to loading="1"
?
You would need to import not decorated Loading Bar component and mount it as follows:
import { LoadingBar } from 'react-redux-loading-bar'
// ...
<LoadingBar loading="1" />
I have the same issue, actions are getting dispaatched and loading bar isn't showing. with loading=1 it does. I have another prroject where it works as expected. same versions
I ended up doing this ugly thing:
<LoadingBar loading={this.props.rootState.loadingBar.app} scope={"app"} showFastActions className="loading-bar"/>
@ProIcons Just to double-check: how do you import LoadingBar?
import LoadingBar from 'react-redux-loading-bar'
connects to Redux store automatically
import { LoadingBar } from 'react-redux-loading-bar'
does not connect to the Redux store, and thus won't react to dispatched actions
Default import works. Thanks @mironov
Yeah that was the problem :)
Sorry for the late reponse. @mironov diagnosed the problem. There was an issue with the import. Thanks for your support. I will close the issue.
Hi,
I know this question has been asked a lot in the past, but somehow I am not able to display the progress bar.
When I look at the page, I can't find a snippet in the form:
<div style="width: 0%; transition: width 400ms ease-out, height 400ms linear, opacity 400ms ease-out; opacity: 0; height: 3px; background-color: red; position: absolute;"></div><div style="display: table; clear: both;"></div>
I use Thunk Middleware.
Component with
<LoadingBar />
Installed reducer at the store:
Example action were i dispatch
showLoading()
:I'm happy for any clarification.