16718: Removes redundant column on search results.
authorLucas Di Pentima <lucas@di-pentima.com.ar>
Mon, 12 Oct 2020 22:12:52 +0000 (19:12 -0300)
committerLucas Di Pentima <lucas@di-pentima.com.ar>
Mon, 12 Oct 2020 22:12:52 +0000 (19:12 -0300)
Also condenses the table contents by making padding between columns a bit
smaller.

Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima <lucas@di-pentima.com.ar>

src/components/data-table/data-table.tsx
src/views/search-results-panel/search-results-panel-view.tsx

index 4e2b430ab74f1249b4af0b84ebff0f3cdf4aedb8..87386d50920a329fd9350311640a656e83e14217 100644 (file)
@@ -55,7 +55,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
         padding: theme.spacing.unit
     },
     tableCell: {
-        wordWrap: 'break-word'
+        wordWrap: 'break-word',
+        paddingRight: '24px'
     },
     tableCellWorkflows: {
         '&:nth-last-child(2)': {
@@ -107,8 +108,8 @@ export const DataTable = withStyles(styles)(
 
         renderHeadCell = (column: DataColumn<T>, index: number) => {
             const { name, key, renderHeader, filters, sortDirection } = column;
-            const { onSortToggle, onFiltersChange } = this.props;
-            return <TableCell key={key || index}>
+            const { onSortToggle, onFiltersChange, classes } = this.props;
+            return <TableCell className={classes.tableCell} key={key || index}>
                 {renderHeader ?
                     renderHeader() :
                     countNodes(filters) > 0
index ebe5a826d2c1804f4e7a60e6cf7c2b945403ec13..109fb3057964c44ae396b8d898d9ae52d970891f 100644 (file)
@@ -30,7 +30,6 @@ import { ArvadosTheme } from '~/common/custom-theme';
 export enum SearchResultsPanelColumnNames {
     CLUSTER = "Cluster",
     NAME = "Name",
-    PROJECT = "Project",
     STATUS = "Status",
     TYPE = 'Type',
     OWNER = "Owner",
@@ -67,13 +66,6 @@ export const searchResultsPanelColumns: DataColumns<string> = [
         filters: createTree(),
         render: (uuid: string) => <ResourceName uuid={uuid} />
     },
-    {
-        name: SearchResultsPanelColumnNames.PROJECT,
-        selected: true,
-        configurable: true,
-        filters: createTree(),
-        render: uuid => <ResourceFileSize uuid={uuid} />
-    },
     {
         name: SearchResultsPanelColumnNames.STATUS,
         selected: true,