src/views-components/search-bar/search-bar-advanced-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, Button } from '@material-ui/core';
   7 import { SearchView } from '~/store/search-bar/search-bar-reducer';
   8 import { RecentQueriesItem } from '~/views-components/search-bar/search-bar-view';
   9
  10 type CssRules = 'list' | 'searchView';
  11
  12 const styles: StyleRulesCallback<CssRules> = theme => {
  13     return {
  14         list: {
  15             padding: '0px'
  16         },
  17         searchView: {
  18             borderRadius: `0 0 ${theme.spacing.unit / 4}px ${theme.spacing.unit / 4}px`
  19         }
  20     };
  21 };
  22
  23 interface SearchBarAdvancedViewProps {
  24     setView: (currentView: string) => void;
  25 }
  26
  27 export const SearchBarAdvancedView = withStyles(styles)(
  28     ({ classes, setView }: SearchBarAdvancedViewProps & WithStyles<CssRules>) =>
  29         <Paper className={classes.searchView}>
  30             <List component="nav" className={classes.list}>
  31                 <RecentQueriesItem text='ADVANCED VIEW' />
  32             </List>
  33             <Button onClick={() => setView(SearchView.BASIC)}>Back</Button>
  34         </Paper>
  35 );