add advance tab for ssh key, refactor code

[arvados-workbench2.git] / src / views-components / search-bar / search-bar-basic-view.tsx

diff --git a/src/views-components/search-bar/search-bar-basic-view.tsx b/src/views-components/search-bar/search-bar-basic-view.tsx
index 22dfa829113b214582c259b8984f1d89143d2adc..76d46b3662573cd78a0541090aaa4b3ec00fbe7a 100644 (file)
--- a/src/views-components/search-bar/search-bar-basic-view.tsx
+++ b/src/views-components/search-bar/search-bar-basic-view.tsx
@@ -7,7 +7,7 @@ import { Paper, StyleRulesCallback, withStyles, WithStyles } from '@material-ui/
 import { SearchView } from '~/store/search-bar/search-bar-reducer';
 import {
     SearchBarRecentQueries,
-    SearchBarRecentQueriesActionProps 
+    SearchBarRecentQueriesActionProps
 } from '~/views-components/search-bar/search-bar-recent-queries';
 import {
     SearchBarSavedQueries,
@@ -33,7 +33,7 @@ const styles: StyleRulesCallback<CssRules> = theme => {
         },
         label: {
             fontSize: '0.875rem',
-            padding: `${theme.spacing.unit / 2}px ${theme.spacing.unit}px `,
+            padding: `${theme.spacing.unit}px ${theme.spacing.unit}px `,
             color: theme.palette.grey["900"],
             background: theme.palette.grey["200"]
         }
@@ -50,18 +50,20 @@ export type SearchBarBasicViewActionProps = {
 type SearchBarBasicViewProps = SearchBarBasicViewDataProps & SearchBarBasicViewActionProps & WithStyles<CssRules>;
 
 export const SearchBarBasicView = withStyles(styles)(
-    ({ classes, onSetView, loadRecentQueries, deleteSavedQuery, savedQueries, onSearch, editSavedQuery }: SearchBarBasicViewProps) =>
+    ({ classes, onSetView, loadRecentQueries, deleteSavedQuery, savedQueries, onSearch, editSavedQuery, selectedItem }: SearchBarBasicViewProps) =>
         <Paper className={classes.root}>
             <div className={classes.label}>Recent search queries</div>
             <SearchBarRecentQueries
                 onSearch={onSearch}
-                loadRecentQueries={loadRecentQueries} />
+                loadRecentQueries={loadRecentQueries}
+                selectedItem={selectedItem} />
             <div className={classes.label}>Saved search queries</div>
             <SearchBarSavedQueries
                 onSearch={onSearch}
                 savedQueries={savedQueries}
                 editSavedQuery={editSavedQuery}
-                deleteSavedQuery={deleteSavedQuery} />
+                deleteSavedQuery={deleteSavedQuery}
+                selectedItem={selectedItem} />
             <div className={classes.advanced} onClick={() => onSetView(SearchView.ADVANCED)}>Advanced search</div>
         </Paper>
-);
\ No newline at end of file
+);