diff options
Diffstat (limited to 'ui/app/components/sidebars/sidebar.component.js')
-rw-r--r-- | ui/app/components/sidebars/sidebar.component.js | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/ui/app/components/sidebars/sidebar.component.js b/ui/app/components/sidebars/sidebar.component.js deleted file mode 100644 index 57cdd7111..000000000 --- a/ui/app/components/sidebars/sidebar.component.js +++ /dev/null @@ -1,49 +0,0 @@ -import React, { Component } from 'react' -import PropTypes from 'prop-types' -import ReactCSSTransitionGroup from 'react-addons-css-transition-group' -import WalletView from '../wallet-view' -import { WALLET_VIEW_SIDEBAR } from './sidebar.constants' - -export default class Sidebar extends Component { - - static propTypes = { - sidebarOpen: PropTypes.bool, - hideSidebar: PropTypes.func, - transitionName: PropTypes.string, - type: PropTypes.string, - }; - - renderOverlay () { - return <div className="sidebar-overlay" onClick={() => this.props.hideSidebar()} /> - } - - renderSidebarContent () { - const { type } = this.props - - switch (type) { - case WALLET_VIEW_SIDEBAR: - return <WalletView responsiveDisplayClassname={'sidebar-right' } /> - default: - return null - } - - } - - render () { - const { transitionName, sidebarOpen } = this.props - - return ( - <div> - <ReactCSSTransitionGroup - transitionName={transitionName} - transitionEnterTimeout={300} - transitionLeaveTimeout={200} - > - { sidebarOpen ? this.renderSidebarContent() : null } - </ReactCSSTransitionGroup> - { sidebarOpen ? this.renderOverlay() : null } - </div> - ) - } - -} |