Skip to content

Commit

Permalink
Fix querynodeselect (for now)
Browse files Browse the repository at this point in the history
  • Loading branch information
@rvazarkar
rvazarkar committed Jan 19, 2018
1 parent 7771af2 commit 92857f8
Show file tree
Hide file tree
Showing 2 changed files with 53 additions and 49 deletions.
60 changes: 30 additions & 30 deletions src/AppContainer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
};
}
42 changes: 23 additions & 19 deletions src/components/Float/QueryNodeSelect.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
}
Expand Down

0 comments on commit 92857f8

Please sign in to comment.