13494: Adds content to the "versions" tab on collection's details panel.

[arvados-workbench2.git] / src / components / collection-panel-files / collection-panel-files.tsx

diff --git a/src/components/collection-panel-files/collection-panel-files.tsx b/src/components/collection-panel-files/collection-panel-files.tsx
index 5a7566ffea831dae98d0f05d20ce24d1b06f41a5..14c3c48c98011785939ce09f4a00ae9726022ae9 100644 (file)
--- a/src/components/collection-panel-files/collection-panel-files.tsx
+++ b/src/components/collection-panel-files/collection-panel-files.tsx
@@ -6,7 +6,6 @@ import * as React from 'react';
 import { TreeItem, TreeItemStatus } from '~/components/tree/tree';
 import { FileTreeData } from '~/components/file-tree/file-tree-data';
 import { FileTree } from '~/components/file-tree/file-tree';
-import { CollectionFileType } from "~/models/collection-file";
 import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip, CircularProgress } from '@material-ui/core';
 import { CustomizeTableIcon } from '~/components/icon/icon';
 import { DownloadIcon } from '~/components/icon/icon';
@@ -85,6 +84,7 @@ export const CollectionPanelFilesComponent = ({ onItemMenuOpen, onSearchChange,
                     <span className={classes.cardHeaderContentTitle}>Files</span>
                     <SearchInput
                         value={searchValue}
+                        label='Search files'
                         onSearch={setSearchValue} />
                 </div>
             }
@@ -119,24 +119,17 @@ export const CollectionPanelFilesComponent = ({ onItemMenuOpen, onSearchChange,
                 <Grid container justify="space-between">
                     <Typography variant="caption" className={classes.nameHeader}>
                         Name
-                </Typography>
+                    </Typography>
                     <Typography variant="caption" className={classes.fileSizeHeader}>
                         File size
-                </Typography>
+                    </Typography>
                 </Grid>
                 {isLoading
                     ? <div className={classes.centeredLabel}><CircularProgress /></div>
                     : <div style={{ height: 'calc(100% - 60px)' }}>
                         <FileTree
                             onMenuOpen={(ev, item) => onItemMenuOpen(ev, item, isWritable)}
-                            {...treeProps}
-                            items={treeProps.items.filter((item) => {
-                                if (item.data.type === CollectionFileType.FILE) {
-                                    return item.data.name.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
-                                }
-
-                                return true;
-                            })} /></div>}
+                            {...treeProps} /></div>}
             </>
         }
     </Card>);