renderAdvanced() { return ( <AdvancedDatasetView datasets={this.state.datasets} searchQuery={this.state.searchQuery} updateDataset={this.updateDataset} isUserAdmin={Utils.isUserAdmin(this.props.user)} /> ); }
render() { const isGallery = this.props.dataViewType === "gallery"; const margin = { marginRight: 5 }; const search = ( <Search style={{ width: 200, float: "right" }} onPressEnter={this.handleSearch} onChange={this.handleSearch} value={this.state.searchQuery} /> ); const adminHeader = Utils.isUserAdmin(this.props.user) ? ( <div className="pull-right"> <Button icon={this.state.isLoading ? "loading" : "reload"} style={margin} onClick={this.handleCheckDatasets} > Refresh </Button> <Link to="/datasets/upload" style={margin}> <Button type="primary" icon="plus"> Upload Dataset </Button> </Link> {search} </div> ) : ( search ); const content = isGallery ? this.renderGallery() : this.renderAdvanced(); return ( <div> {adminHeader} <h3 className="TestDatasetHeadline">Datasets</h3> <div className="clearfix" style={{ margin: "20px 0px" }} /> <Spin size="large" spinning={this.state.isLoading}> {content} </Spin> </div> ); }