diff --git a/web/app/js/components/Sidebar.jsx b/web/app/js/components/Sidebar.jsx
index 5d0fdedc0..aafec529c 100644
--- a/web/app/js/components/Sidebar.jsx
+++ b/web/app/js/components/Sidebar.jsx
@@ -1,78 +1,15 @@
-import _ from 'lodash';
-import { getPodsByDeployment } from './util/MetricUtils.js';
import { Link } from 'react-router-dom';
import logo from './../../img/reversed_logo.png';
+import { Menu } from 'antd';
import React from 'react';
import SocialLinks from './SocialLinks.jsx';
import Version from './Version.jsx';
-import { AutoComplete, Menu } from 'antd';
import './../../css/sidebar.css';
-const searchBarWidth = 240;
-
export default class Sidebar extends React.Component {
constructor(props) {
super(props);
this.api = this.props.api;
- this.filterDeployments = this.filterDeployments.bind(this);
- this.onAutocompleteSelect = this.onAutocompleteSelect.bind(this);
- this.loadFromServer = this.loadFromServer.bind(this);
-
- this.state = {
- pollingInterval: 10000, // longer, this doesn't need to be updated as often
- pendingRequests: false,
- autocompleteValue: '',
- deployments: [],
- filteredDeployments: []
- };
- }
-
- componentDidMount() {
- this.loadFromServer();
- this.timerId = window.setInterval(this.loadFromServer, this.state.pollingInterval);
- }
-
- componentWillUnmount() {
- window.clearInterval(this.timerId);
- }
-
- loadFromServer() {
- if (this.state.pendingRequests) {
- return; // don't make more requests if the ones we sent haven't completed
- }
- this.setState({ pendingRequests: true });
-
- this.api.fetchPods().promise.then(r => {
- let deploys = _.map(getPodsByDeployment(r.pods), 'name');
-
- this.setState({
- pendingRequests: false,
- deployments: deploys,
- filteredDeployments: deploys
- });
- }).catch(this.handleApiError);
- }
-
- handleApiError(e) {
- console.warn(e.message);
- }
-
- onAutocompleteSelect(deployment) {
- let pathToDeploymentPage = `${this.props.pathPrefix}/deployment?deploy=${deployment}`;
- this.props.history.push(pathToDeploymentPage);
- this.setState({
- autocompleteValue: '',
- filteredDeployments: this.state.deployments
- });
- }
-
- filterDeployments(search) {
- this.setState({
- autocompleteValue: search,
- filteredDeployments: _.filter(this.state.deployments, d => {
- return d.indexOf(search) !== -1;
- })
- });
}
render() {
@@ -86,15 +23,6 @@ export default class Sidebar extends React.Component {