Rename <CollapseReducedMotion/> to <Collapse/>

This commit is contained in:
orangemug
2018-05-11 14:03:46 +01:00
parent 7cb2c36ac9
commit b8f32d46cf
2 changed files with 4 additions and 4 deletions

View File

@@ -4,7 +4,7 @@ import Collapse from 'react-collapse'
import accessibility from '../../libs/accessibility' import accessibility from '../../libs/accessibility'
export default class CollapseReducedMotion extends React.Component { export default class Collapse extends React.Component {
static propTypes = { static propTypes = {
isActive: PropTypes.bool.isRequired, isActive: PropTypes.bool.isRequired,
children: PropTypes.element.isRequired children: PropTypes.element.isRequired

View File

@@ -1,7 +1,7 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Collapser from './Collapser' import Collapser from './Collapser'
import CollapseReducedMotion from './CollapseReducedMotion' import Collapse from './Collapse'
export default class LayerEditorGroup extends React.Component { export default class LayerEditorGroup extends React.Component {
@@ -23,11 +23,11 @@ export default class LayerEditorGroup extends React.Component {
<span style={{flexGrow: 1}} /> <span style={{flexGrow: 1}} />
<Collapser isCollapsed={this.props.isActive} /> <Collapser isCollapsed={this.props.isActive} />
</div> </div>
<CollapseReducedMotion isActive={this.props.isActive}> <Collapse isActive={this.props.isActive}>
<div className="react-collapse-container"> <div className="react-collapse-container">
{this.props.children} {this.props.children}
</div> </div>
</CollapseReducedMotion> </Collapse>
</div> </div>
} }
} }