From: Janicki Artur <artur.janicki@contractors.roche.com>
Date: Wed, 12 Dec 2018 09:46:02 +0000 (+0100)
Subject: add new option for data-explorer - hide search input
X-Git-Tag: 1.4.0~91^2~3
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/183874da8b5eb84617e3c81a586c0f7c09946d89

add new option for data-explorer - hide search input

Feature #14512_admin_links

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>
---

diff --git a/src/components/data-explorer/data-explorer.tsx b/src/components/data-explorer/data-explorer.tsx
index b6b9a83b..4175fbc6 100644
--- a/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@ -48,6 +48,7 @@ interface DataExplorerDataProps<T> {
     hideColumnSelector?: boolean;
     paperProps?: PaperProps;
     actions?: React.ReactNode;
+    hideSearchInput?: boolean;
 }
 
 interface DataExplorerActionProps<T> {
@@ -78,16 +79,16 @@ export const DataExplorer = withStyles(styles)(
                 columns, onContextMenu, onFiltersChange, onSortToggle, working, extractKey,
                 rowsPerPage, rowsPerPageOptions, onColumnToggle, searchValue, onSearch,
                 items, itemsAvailable, onRowClick, onRowDoubleClick, classes,
-                dataTableDefaultView, hideColumnSelector, actions, paperProps,
+                dataTableDefaultView, hideColumnSelector, actions, paperProps, hideSearchInput
             } = this.props;
             return <Paper className={classes.root} {...paperProps}>
                 <Toolbar className={classes.toolbar}>
                     <Grid container justify="space-between" wrap="nowrap" alignItems="center">
-                        <div className={classes.searchBox}>
+                        {!hideSearchInput && <div className={classes.searchBox}>
                             <SearchInput
                                 value={searchValue}
                                 onSearch={onSearch} />
-                        </div>
+                        </div>}
                         {actions}
                         {!hideColumnSelector && <ColumnSelector
                             columns={columns}