- ({ classes, setView }: SearchBarBasicViewProps & WithStyles<CssRules>) =>
- <Paper className={classes.searchView}>
- <div className={classes.searchQueryList}>Saved search queries</div>
- <List component="nav" className={classes.list}>
- <RenderSavedQueries text="Test" />
- <RenderSavedQueries text="Demo" />
- </List>
- <div className={classes.searchQueryList}>Recent search queries</div>
- <List component="nav" className={classes.list}>
- <RenderRecentQueries text="cos" />
- <RenderRecentQueries text="testtest" />
- </List>
- <div className={classes.advanced} onClick={() => setView(SearchView.ADVANCED)}>Advanced search</div>
+ ({ classes, onSetView, loadRecentQueries, deleteSavedQuery, savedQueries, onSearch, editSavedQuery, selectedItem }: SearchBarBasicViewProps) =>
+ <Paper className={classes.root}>
+ <div className={classes.label}>{"Recent queries"}</div>
+ <SearchBarRecentQueries
+ onSearch={onSearch}
+ loadRecentQueries={loadRecentQueries}
+ selectedItem={selectedItem} />
+ <div className={classes.label}>{"Saved queries"}</div>
+ <SearchBarSavedQueries
+ onSearch={onSearch}
+ savedQueries={savedQueries}
+ editSavedQuery={editSavedQuery}
+ deleteSavedQuery={deleteSavedQuery}
+ selectedItem={selectedItem} />