Optimistic Updates (#114)

* Optimistic Updates structure
* Optimistic update for Editorial Workflow

src/components/UI/loader/Loader.js

@@ -19,7 +19,6 @@ export default class Loader extends React.Component {
     const { children } = this.props;
 
     this.interval = setInterval(() => {
-
       const nextItem = (this.state.currentItem === children.length - 1) ? 0 : this.state.currentItem + 1;
       this.setState({ currentItem: nextItem });
     }, 5000);
@@ -34,7 +33,7 @@ export default class Loader extends React.Component {
       return <div className={styles.text}>{children}</div>;
     } else if (Array.isArray(children)) {
       this.setAnimation();
-      return <div className={styles.text}>
+      return (<div className={styles.text}>
         <ReactCSSTransitionGroup
           transitionName={styles}
           transitionEnterTimeout={500}
@@ -42,7 +41,7 @@ export default class Loader extends React.Component {
         >
           <div key={currentItem} className={styles.animateItem}>{children[currentItem]}</div>
         </ReactCSSTransitionGroup>
-      </div>;
+      </div>);
     }
   };
 
@@ -52,13 +51,12 @@ export default class Loader extends React.Component {
     // Class names
     let classNames = styles.loader;
     if (active) {
-      classNames += ` ${styles.active}`;
+      classNames += ` ${ styles.active }`;
     }
     if (className.length > 0) {
-      classNames += ` ${className}`;
+      classNames += ` ${ className }`;
     }
 
     return <div className={classNames} style={style}>{this.renderChild()}</div>;
-
   }
 }