diff --git a/src/components/Decorators/Container.js b/src/components/Decorators/Container.js new file mode 100644 index 0000000..88d21ae --- /dev/null +++ b/src/components/Decorators/Container.js @@ -0,0 +1,54 @@ +import React, {PureComponent} from 'react'; +import PropTypes from 'prop-types'; +import {VelocityComponent} from 'velocity-react'; + +class Container extends PureComponent { + renderToggle() { + const {animations} = this.props; + + if (!animations) { + return this.renderToggleDecorator(); + } + + return ( + + {this.renderToggleDecorator()} + + ); + } + + renderToggleDecorator() { + const {style, decorators} = this.props; + return ; + } + + render() { + const {style, decorators, terminal, onClick, node} = this.props; + return ( +
+ {!terminal ? this.renderToggle() : null} + +
+ ); + } +} + +Container.propTypes = { + style: PropTypes.object.isRequired, + decorators: PropTypes.object.isRequired, + terminal: PropTypes.bool.isRequired, + onClick: PropTypes.func.isRequired, + animations: PropTypes.oneOfType([ + PropTypes.object, + PropTypes.bool + ]).isRequired, + node: PropTypes.object.isRequired +}; + +export default Container; diff --git a/src/components/Decorators/index.js b/src/components/Decorators/index.js index 3f7f139..9ae98b8 100644 --- a/src/components/Decorators/index.js +++ b/src/components/Decorators/index.js @@ -1,63 +1,11 @@ -import React, {PureComponent} from 'react'; -import PropTypes from 'prop-types'; -import {VelocityComponent} from 'velocity-react'; - +import Container from './Container'; import Header from './Header'; import Loading from './Loading'; import Toggle from './Toggle'; -class Container extends PureComponent { - renderToggle() { - const {animations} = this.props; - - if (!animations) { - return this.renderToggleDecorator(); - } - - return ( - - {this.renderToggleDecorator()} - - ); - } - - renderToggleDecorator() { - const {style, decorators} = this.props; - return ; - } - - render() { - const {style, decorators, terminal, onClick, node} = this.props; - return ( -
- {!terminal ? this.renderToggle() : null} - -
- ); - } -} - -Container.propTypes = { - style: PropTypes.object.isRequired, - decorators: PropTypes.object.isRequired, - terminal: PropTypes.bool.isRequired, - onClick: PropTypes.func.isRequired, - animations: PropTypes.oneOfType([ - PropTypes.object, - PropTypes.bool - ]).isRequired, - node: PropTypes.object.isRequired -}; - export default { - Loading, - Toggle, + Container, Header, - Container + Loading, + Toggle };