diff options
Diffstat (limited to 'ui/app/components/page-container/page-container-header/page-container-header.component.js')
-rw-r--r-- | ui/app/components/page-container/page-container-header/page-container-header.component.js | 83 |
1 files changed, 0 insertions, 83 deletions
diff --git a/ui/app/components/page-container/page-container-header/page-container-header.component.js b/ui/app/components/page-container/page-container-header/page-container-header.component.js deleted file mode 100644 index 08f9c7544..000000000 --- a/ui/app/components/page-container/page-container-header/page-container-header.component.js +++ /dev/null @@ -1,83 +0,0 @@ -import React, { Component } from 'react' -import PropTypes from 'prop-types' -import classnames from 'classnames' - -export default class PageContainerHeader extends Component { - static propTypes = { - title: PropTypes.string, - subtitle: PropTypes.string, - onClose: PropTypes.func, - showBackButton: PropTypes.bool, - onBackButtonClick: PropTypes.func, - backButtonStyles: PropTypes.object, - backButtonString: PropTypes.string, - tabs: PropTypes.node, - headerCloseText: PropTypes.string, - } - - renderTabs () { - const { tabs } = this.props - - return tabs && ( - <ul className="page-container__tabs"> - { tabs } - </ul> - ) - } - - renderHeaderRow () { - const { showBackButton, onBackButtonClick, backButtonStyles, backButtonString } = this.props - - return showBackButton && ( - <div className="page-container__header-row"> - <span - className="page-container__back-button" - onClick={onBackButtonClick} - style={backButtonStyles} - > - { backButtonString || 'Back' } - </span> - </div> - ) - } - - render () { - const { title, subtitle, onClose, tabs, headerCloseText } = this.props - - return ( - <div className={ - classnames( - 'page-container__header', - { 'page-container__header--no-padding-bottom': Boolean(tabs) } - ) - }> - - { this.renderHeaderRow() } - - { - title && <div className="page-container__title"> - { title } - </div> - } - - { - subtitle && <div className="page-container__subtitle"> - { subtitle } - </div> - } - - { - onClose && headerCloseText - ? <div className="page-container__header-close-text" onClick={() => onClose()}>{ headerCloseText }</div> - : onClose && <div - className="page-container__header-close" - onClick={() => onClose()} - /> - } - - { this.renderTabs() } - </div> - ) - } - -} |