src/views-components/search-bar/search-bar-autocomplete-view.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { Paper, StyleRulesCallback, withStyles, WithStyles, List } from '@material-ui/core';
   7 import { RenderRecentQueries } from '~/views-components/search-bar/search-bar-view';
   8
   9 type CssRules = 'list' | 'searchView';
  10
  11 const styles: StyleRulesCallback<CssRules> = theme => {
  12     return {
  13         list: {
  14             padding: '0px'
  15         },
  16         searchView: {
  17             borderRadius: `0 0 ${theme.spacing.unit / 4}px ${theme.spacing.unit / 4}px`
  18         }
  19     };
  20 };
  21
  22 interface SearchBarAutocompleteViewProps {
  23 }
  24
  25 export const SearchBarAutocompleteView = withStyles(styles)(
  26     ({ classes }: SearchBarAutocompleteViewProps & WithStyles<CssRules>) =>
  27         <Paper className={classes.searchView}>
  28             <List component="nav" className={classes.list}>
  29                 <RenderRecentQueries text='AUTOCOMPLETE VIEW' />
  30             </List>
  31         </Paper>
  32 );