- ({ classes, setView, recentQueries, deleteSavedQuery, savedQueries }: SearchBarBasicViewProps & WithStyles<CssRules>) =>
- <Paper className={classes.searchView}>
- <div className={classes.searchQueryList}>Recent search queries</div>
- <List component="nav" className={classes.list}>
- {recentQueries().map((query, index) => <RecentQueriesItem key={index} text={query} />)}
- </List>
- <div className={classes.searchQueryList}>Saved search queries</div>
- <List component="nav" className={classes.list}>
- {savedQueries.map((query, index) => <RenderSavedQueries key={index} text={query} id={index} deleteSavedQuery={deleteSavedQuery} />)}
- </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} />