22231: moved loadRecentQueries call so it happens before serach dropdown transition
[arvados.git] / services / workbench2 / src / views-components / search-bar / search-bar-recent-queries.tsx
index 7b333e9ebe1e2e5b3ea5ca8123923af76272076c..699e2157bf50e3512d0d9b10ef20585b85b1e79e 100644 (file)
@@ -28,19 +28,19 @@ const styles: CustomStyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
 
 export interface SearchBarRecentQueriesDataProps {
     selectedItem: SearchBarSelectedItem;
+    recentQueries: string[];
 }
 
 export interface SearchBarRecentQueriesActionProps {
     onSearch: (searchValue: string) => void;
-    loadRecentQueries: () => string[];
 }
 
 type SearchBarRecentQueriesProps = SearchBarRecentQueriesDataProps & SearchBarRecentQueriesActionProps & WithStyles<CssRules>;
 
 export const SearchBarRecentQueries = withStyles(styles)(
-    ({ classes, onSearch, loadRecentQueries, selectedItem }: SearchBarRecentQueriesProps) =>
+    ({ classes, onSearch, selectedItem, recentQueries }: SearchBarRecentQueriesProps) =>
         <List component="nav" className={classes.root}>
-            {loadRecentQueries().map((query, index) =>
+            {recentQueries.map((query, index) =>
                 <ListItem button key={index} className={classes.listItem} selected={`RQ-${index}-${query}` === selectedItem.id}>
                     <ListItemText disableTypography
                         secondary={query}