Optimistic Updates (#114)

* Optimistic Updates structure
* Optimistic update for Editorial Workflow
This commit is contained in:
Cássio Souza
2016-10-18 12:32:39 -02:00
committed by Cássio Zen
parent 009c881290
commit e001714aed
28 changed files with 528 additions and 243 deletions

View File

@ -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>;
}
}