Release v2.4.1

If the Loading Bar is mounted with loading count > 0, it should launch
the progress simulation immediately

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Release History
 
+## 2.4.1
+   - If the Loading Bar is mounted with loading count > 0, it should launch the progress simulation immediately
+
 ## 2.4.0
    - Do not apply styling if CSS class is specified
 

build/loading_bar.js

@@ -50,6 +50,13 @@ var LoadingBar = exports.LoadingBar = function (_React$Component) {
   }
 
   _createClass(LoadingBar, [{
+    key: 'componentWillMount',
+    value: function componentWillMount() {
+      if (this.props.loading > 0) {
+        this.launch();
+      }
+    }
+  }, {
     key: 'componentWillReceiveProps',
     value: function componentWillReceiveProps(nextProps) {
       if (nextProps.loading > this.props.loading) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-redux-loading-bar",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "Simple Loading Bar for Redux and React",
   "main": "build/index.js",
   "scripts": {

spec/loading_bar.js

@@ -89,6 +89,12 @@ describe('LoadingBar', () => {
       expect(spyLaunch).toNotHaveBeenCalled()
       expect(spyLaunch.calls.length).toEqual(0)
     })
+
+    it('launches on component mount if loading count is > 0', () => {
+      shallow(<LoadingBar loading={1} />)
+      expect(spyLaunch).toHaveBeenCalled()
+      expect(spyLaunch.calls.length).toEqual(1)
+    })
   })
 
   describe('#componentWillUnmount', () => {

src/loading_bar.js

@@ -22,6 +22,12 @@ export class LoadingBar extends React.Component {
     this.boundResetProgress = this.resetProgress.bind(this)
   }
 
+  componentWillMount() {
+    if (this.props.loading > 0) {
+      this.launch()
+    }
+  }
+
   componentWillReceiveProps(nextProps) {
     if (nextProps.loading > this.props.loading) {
       this.launch()