Fix querynodeselect (for now)

master
Rohan Vazarkar 2018-01-19 12:32:45 -05:00
parent 7771af22c5
commit 92857f8c48
2 changed files with 53 additions and 49 deletions

View File

@ -20,34 +20,34 @@ import About from './components/Modals/About.jsx'
import { CSSTransition, TransitionGroup } from 'react-transition-group';
export default class AppContainer extends Component {
render() {
return (
<TransitionGroup className="max">
<CSSTransition classNames="mainfade"
appear={true}
timeout={1000}>
<div className="max">
<GenericAlert />
<ExportContainer />
<LoadingContainer />
<SpotlightContainer />
<GraphContainer />
<SearchContainer />
<LogoutModal />
<ClearWarnModal />
<ClearConfirmModal />
<ClearingModal />
<CancelUploadModal />
<SessionClearModal />
<RawQuery />
<MenuContainer />
<Settings />
<ZoomContainer />
<QueryNodeSelect />
<About />
</div>
</CSSTransition>
</TransitionGroup>
);
};
render() {
return (
<TransitionGroup className="max">
<CSSTransition classNames="mainfade"
appear
timeout={1000}>
<div className="max">
<GenericAlert />
<ExportContainer />
<LoadingContainer />
<SpotlightContainer />
<GraphContainer />
<SearchContainer />
<LogoutModal />
<ClearWarnModal />
<ClearConfirmModal />
<ClearingModal />
<CancelUploadModal />
<SessionClearModal />
<RawQuery />
<MenuContainer />
<Settings />
<ZoomContainer />
<QueryNodeSelect />
<About />
</div>
</CSSTransition>
</TransitionGroup>
);
};
}

View File

@ -50,28 +50,32 @@ export default class QueryNodeSelect extends Component {
}
render() {
var header = <QueryNodeSelectHeader length={this.state.data.length} title={this.state.queryData.boxTitle} dismiss={this._dismiss.bind(this)}/>;
return (
<div className="queryNodeSelect" ref="outer">
<Panel header={header}>
<If condition={this.state.data.length > 0}>
<Then>
<ListGroup ref="list">
{
this.state.data.map(function(key){
var x = <QueryNodeSelectItem key={key} label={key} click={this.handleClick.bind(this)} />;
return x;
}.bind(this))
}
</ListGroup>
</Then>
<Else>{() =>
<img src="src/img/loading.gif" />
}
</Else>
</If>
<Panel>
<Panel.Heading>
{/* <QueryNodeSelectHeader length={this.state.data.length} title={this.state.queryData.boxTitle} dismiss={this._dismiss.bind(this)} />; */}
{this.state.queryData.boxTitle}
</Panel.Heading>
<Panel.Body>
<If condition={this.state.data.length > 0}>
<Then>
<ListGroup ref="list">
{
this.state.data.map(function(key){
var x = <QueryNodeSelectItem key={key} label={key} click={this.handleClick.bind(this)} />;
return x;
}.bind(this))
}
</ListGroup>
</Then>
<Else>{() =>
<img src="src/img/loading.gif" />
}
</Else>
</If>
</Panel.Body>
</Panel>
</div>
);
}