1 files changed, 0 insertions, 122 deletions
diff --git a/ui/app/components/page-container/page-container.component.js b/ui/app/components/page-container/page-container.component.js
deleted file mode 100644
index 3a2274a29..000000000
--- a/ui/app/components/page-container/page-container.component.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-
-import PageContainerHeader from './page-container-header'
-import PageContainerFooter from './page-container-footer'
-
-export default class PageContainer extends PureComponent {
-  static propTypes = {
-    // PageContainerHeader props
-    backButtonString: PropTypes.string,
-    backButtonStyles: PropTypes.object,
-    onBackButtonClick: PropTypes.func,
-    onClose: PropTypes.func,
-    showBackButton: PropTypes.bool,
-    subtitle: PropTypes.string,
-    title: PropTypes.string.isRequired,
-    // Tabs-related props
-    defaultActiveTabIndex: PropTypes.number,
-    tabsComponent: PropTypes.node,
-    // Content props
-    contentComponent: PropTypes.node,
-    // PageContainerFooter props
-    cancelText: PropTypes.string,
-    disabled: PropTypes.bool,
-    onCancel: PropTypes.func,
-    onSubmit: PropTypes.func,
-    submitText: PropTypes.string,
-  }
-
-  state = {
-    activeTabIndex: this.props.defaultActiveTabIndex || 0,
-  }
-
-  handleTabClick (activeTabIndex) {
-    this.setState({ activeTabIndex })
-  }
-
-  renderTabs () {
-    const { tabsComponent } = this.props
-
-    if (!tabsComponent) {
-      return
-    }
-
-    const numberOfTabs = React.Children.count(tabsComponent.props.children)
-
-    return React.Children.map(tabsComponent.props.children, (child, tabIndex) => {
-      return child && React.cloneElement(child, {
-        onClick: index => this.handleTabClick(index),
-        tabIndex,
-        isActive: numberOfTabs > 1 && tabIndex === this.state.activeTabIndex,
-        key: tabIndex,
-        className: 'page-container__tab',
-        activeClassName: 'page-container__tab--selected',
-      })
-    })
-  }
-
-  renderActiveTabContent () {
-    const { tabsComponent } = this.props
-    const { children } = tabsComponent.props
-    const { activeTabIndex } = this.state
-
-    return children[activeTabIndex]
-      ? children[activeTabIndex].props.children
-      : children.props.children
-  }
-
-  renderContent () {
-    const { contentComponent, tabsComponent } = this.props
-
-    if (contentComponent) {
-      return contentComponent
-    } else if (tabsComponent) {
-      return this.renderActiveTabContent()
-    } else {
-      return null
-    }
-  }
-
-  render () {
-    const {
-      title,
-      subtitle,
-      onClose,
-      showBackButton,
-      onBackButtonClick,
-      backButtonStyles,
-      backButtonString,
-      onCancel,
-      cancelText,
-      onSubmit,
-      submitText,
-      disabled,
-    } = this.props
-
-    return (
-      <div className="page-container">
-        <PageContainerHeader
-          title={title}
-          subtitle={subtitle}
-          onClose={onClose}
-          showBackButton={showBackButton}
-          onBackButtonClick={onBackButtonClick}
-          backButtonStyles={backButtonStyles}
-          backButtonString={backButtonString}
-          tabs={this.renderTabs()}
-        />
-        <div className="page-container__content">
-          { this.renderContent() }
-        </div>
-        <PageContainerFooter
-          onCancel={onCancel}
-          cancelText={cancelText}
-          onSubmit={onSubmit}
-          submitText={submitText}
-          disabled={disabled}
-        />
-      </div>
-    )
-  }
-}