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 import { GroupContentsResource } from '~/services/groups-service/groups-service';
   9
  10 type CssRules = 'list';
  11
  12 const styles: StyleRulesCallback<CssRules> = theme => {
  13     return {
  14         list: {
  15             padding: '0px'
  16         }
  17     };
  18 };
  19
  20 export interface SearchBarAutocompleteViewDataProps {
  21     searchResults?: GroupContentsResource[];
  22 }
  23
  24 type SearchBarAutocompleteViewProps = SearchBarAutocompleteViewDataProps & WithStyles<CssRules>;
  25
  26 export const SearchBarAutocompleteView = withStyles(styles)(
  27     ({ classes, searchResults }: SearchBarAutocompleteViewProps ) =>
  28         <Paper>
  29             {searchResults &&  <List component="nav" className={classes.list}>
  30                 {searchResults.map((item) => {
  31                     return <RenderRecentQueries key={item.uuid} text={item.name} />;
  32                 })}
  33             </List>}
  34         </Paper>
  35 );