diff options
Folder restructure (#6304)
* Remove ui/app/keychains/
* Remove ui/app/img/ (unused images)
* Move conversion-util to helpers/utils/
* Move token-util to helpers/utils/
* Move /helpers/*.js inside /helpers/utils/
* Move util tests inside /helpers/utils/
* Renameand move confirm-transaction/util.js to helpers/utils/
* Move higher-order-components to helpers/higher-order-components/
* Move infura-conversion.json to helpers/constants/
* Move all utility functions to helpers/utils/
* Move pages directory to top-level
* Move all constants to helpers/constants/
* Move metametrics inside helpers/
* Move app and root inside pages/
* Move routes inside helpers/
* Re-organize ducks/
* Move reducers to ducks/
* Move selectors inside selectors/
* Move test out of test folder
* Move action, reducer, store inside store/
* Move ui components inside ui/
* Move UI components inside ui/
* Move connected components inside components/app/
* Move i18n-helper inside helpers/
* Fix unit tests
* Fix unit test
* Move pages components
* Rename routes component
* Move reducers to ducks/index
* Fix bad path in unit test
Diffstat (limited to 'ui/app/components/button-group/button-group.component.js')
-rw-r--r-- | ui/app/components/button-group/button-group.component.js | 73 |
1 files changed, 0 insertions, 73 deletions
diff --git a/ui/app/components/button-group/button-group.component.js b/ui/app/components/button-group/button-group.component.js deleted file mode 100644 index 17a281030..000000000 --- a/ui/app/components/button-group/button-group.component.js +++ /dev/null @@ -1,73 +0,0 @@ -import React, { PureComponent } from 'react' -import PropTypes from 'prop-types' -import classnames from 'classnames' - -export default class ButtonGroup extends PureComponent { - static propTypes = { - defaultActiveButtonIndex: PropTypes.number, - noButtonActiveByDefault: PropTypes.bool, - disabled: PropTypes.bool, - children: PropTypes.array, - className: PropTypes.string, - style: PropTypes.object, - newActiveButtonIndex: PropTypes.number, - } - - static defaultProps = { - className: 'button-group', - defaultActiveButtonIndex: 0, - } - - state = { - activeButtonIndex: this.props.noButtonActiveByDefault - ? null - : this.props.defaultActiveButtonIndex, - } - - componentDidUpdate (_, prevState) { - // Provides an API for dynamically updating the activeButtonIndex - if (typeof this.props.newActiveButtonIndex === 'number' && prevState.activeButtonIndex !== this.props.newActiveButtonIndex) { - this.setState({ activeButtonIndex: this.props.newActiveButtonIndex }) - } - } - - handleButtonClick (activeButtonIndex) { - this.setState({ activeButtonIndex }) - } - - renderButtons () { - const { children, disabled } = this.props - - return React.Children.map(children, (child, index) => { - return child && ( - <button - className={classnames( - 'button-group__button', - { 'button-group__button--active': index === this.state.activeButtonIndex }, - )} - onClick={() => { - this.handleButtonClick(index) - child.props.onClick && child.props.onClick() - }} - disabled={disabled || child.props.disabled} - key={index} - > - { child.props.children } - </button> - ) - }) - } - - render () { - const { className, style } = this.props - - return ( - <div - className={className} - style={style} - > - { this.renderButtons() } - </div> - ) - } -} |