//require('assets/libs/fakeloader/fakeloader.min.js');
if (__CLIENT__) {
  require('assets/libs/fakeloader/fakeloader.css');
}

import React, { Component, PropTypes } from 'react';

class Loader extends Component {
  componentDidMount() {
    $(this.refs.fakeloader).fakeLoader({
      timeToHide: 5200,
      bgColor: '#34495e',
      spinner: 'spinner1'
    });
  }
  componentWillReceiveProps(nextProps) {
    if (this.props.loading != nextProps.loading) {
      if (nextProps.loading) {
        $(this.refs.fakeloader).fadeIn();
      } else {
        $(this.refs.fakeloader).fadeOut();
      }
    }
  }


  render() {
    return (
      <div ref="fakeloader">

      </div>
    );
  }
}
Loader.propTypes = {
  loading: PropTypes.bool
};

export default Loader;

@@ -235,16 +235,19 @@
 () %7B%0A   
+ //
  $(this.
@@ -279,16 +279,19 @@
 er(%7B%0A   
+ //
    timeT
@@ -306,16 +306,19 @@
 200,%0A   
+ //
    bgCol
@@ -335,16 +335,19 @@
 5e',%0A   
+ //
    spinn
@@ -364,16 +364,19 @@
 er1'%0A   
+ //
  %7D);%0A  %7D
@@ -420,16 +420,19 @@
 s) %7B%0A   
+ //
  if (thi
@@ -474,16 +474,19 @@
 g) %7B%0A   
+ //
    if (n
@@ -504,24 +504,27 @@
 ading) %7B%0A   
+ //
      $(this.
@@ -549,24 +549,27 @@
 adeIn();%0A   
+ //
    %7D else %7B%0A
@@ -571,16 +571,19 @@
 se %7B%0A   
+ //
      $(t
@@ -621,16 +621,19 @@
 %0A   
+ //
    %7D%0A   
  %7D%0A 
@@ -628,16 +628,19 @@
    %7D%0A   
+ //
  %7D%0A  %7D%0A%0A

disable loader