import { Paper, StyleRulesCallback, withStyles, WithStyles } from '@material-ui/core';
import { SearchView } from '~/store/search-bar/search-bar-reducer';
import {
- SearchBarRenderRecentQueries,
- SearchBarRenderRecentQueriesActionProps
-} from '~/views-components/search-bar/search-bar-render-recent-queries';
+ SearchBarRecentQueries,
+ SearchBarRecentQueriesActionProps
+} from '~/views-components/search-bar/search-bar-recent-queries';
import {
- SearchBarRenderSavedQueries,
- SearchBarRenderSavedQueriesDataProps,
- SearchBarRenderSavedQueriesActionProps
-} from '~/views-components/search-bar/search-bar-render-save-queries';
+ SearchBarSavedQueries,
+ SearchBarSavedQueriesDataProps,
+ SearchBarSavedQueriesActionProps
+} from '~/views-components/search-bar/search-bar-save-queries';
type CssRules = 'advanced' | 'label' | 'root';
},
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"]
}
};
};
-export type SearchBarBasicViewDataProps = SearchBarRenderSavedQueriesDataProps;
+export type SearchBarBasicViewDataProps = SearchBarSavedQueriesDataProps;
export type SearchBarBasicViewActionProps = {
onSetView: (currentView: string) => void;
onSearch: (searchValue: string) => void;
-} & SearchBarRenderRecentQueriesActionProps & SearchBarRenderSavedQueriesActionProps;
+} & SearchBarRecentQueriesActionProps & SearchBarSavedQueriesActionProps;
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>
- <SearchBarRenderRecentQueries
+ <SearchBarRecentQueries
onSearch={onSearch}
- loadRecentQueries={loadRecentQueries} />
+ loadRecentQueries={loadRecentQueries}
+ selectedItem={selectedItem} />
<div className={classes.label}>Saved search queries</div>
- <SearchBarRenderSavedQueries
+ <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
+);