- {this.state.isSearchViewOpen
- ? <Paper className={classes.searchView}>
- <div className={classes.searchQueryList}>Saved search queries</div>
- <List component="nav" className={classes.list}>
- {this.renderListItem('Trash')}
- {this.renderListItem('Spam')}
- </List>
- <div className={classes.searchQueryList}>Recent search queries</div>
- <List component="nav" className={classes.list}>
- {this.renderListItem('Trash')}
- {this.renderListItem('Spam')}
- </List>
- <div className={classes.advanced}>Advanced</div>
- </Paper> : null}
+ {this.state.isSearchViewOpen && <Paper className={classes.searchView}>
+ <div className={classes.searchQueryList}>Saved search queries</div>
+ <List component="nav" className={classes.list}>
+ {this.renderSavedQueries('Test')}
+ {this.renderSavedQueries('Demo')}
+ </List>
+ <div className={classes.searchQueryList}>Recent search queries</div>
+ <List component="nav" className={classes.list}>
+ {this.renderRecentQueries('cos')}
+ {this.renderRecentQueries('testtest')}
+ </List>
+ <div className={classes.advanced}>Advanced search</div>
+ </Paper>}