#refs tooltips

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>

diff --git a/src/components/collection-panel-files/collection-panel-files.tsx b/src/components/collection-panel-files/collection-panel-files.tsx
index f9c18219852fdfce3a5cf0f60a4d874cf56c06f1..b037fcf41b6df2a28183c8b1d3c802765ba26715 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,7 @@ import * as React from 'react';
 import { TreeItem, TreeItemStatus } from '../tree/tree';
 import { FileTreeData } from '../file-tree/file-tree-data';
 import { FileTree } from '../file-tree/file-tree';
-import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button } from '@material-ui/core';
+import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip } from '@material-ui/core';
 import { CustomizeTableIcon } from '../icon/icon';
 
 export interface CollectionPanelFilesProps {
@@ -54,7 +54,9 @@ export const CollectionPanelFiles =
                     className={classes.cardSubheader}
                     action={
                         <IconButton onClick={onOptionsMenuOpen}>
-                            <CustomizeTableIcon />
+                            <Tooltip title="More options">
+                                <CustomizeTableIcon />
+                            </Tooltip>
                         </IconButton>
                     } />
                 <Grid container justify="space-between">

diff --git a/src/components/data-explorer/data-explorer.tsx b/src/components/data-explorer/data-explorer.tsx
index 52ffd2e774fdc5aea5744150121074da7214d69b..58507fb07415c81b06189b93aa4ca714f1947122 100644 (file)
--- a/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from 'react';
-import { Grid, Paper, Toolbar, StyleRulesCallback, withStyles, WithStyles, TablePagination, IconButton } from '@material-ui/core';
+import { Grid, Paper, Toolbar, StyleRulesCallback, withStyles, WithStyles, TablePagination, IconButton, Tooltip } from '@material-ui/core';
 import MoreVertIcon from "@material-ui/icons/MoreVert";
 import { ColumnSelector } from "../column-selector/column-selector";
 import { DataTable, DataColumns } from "../data-table/data-table";
@@ -115,7 +115,9 @@ export const DataExplorer = withStyles(styles)(
         renderContextMenuTrigger = (item: T) =>
             <Grid container justify="flex-end">
                 <IconButton onClick={event => this.props.onContextMenu(event, item)}>
-                    <MoreVertIcon />
+                    <Tooltip title="More options">
+                        <MoreVertIcon />
+                    </Tooltip>
                 </IconButton>
             </Grid>
 

diff --git a/src/components/file-tree/file-tree-item.tsx b/src/components/file-tree/file-tree-item.tsx
index e2d6b26cb4117e913c396e5cb105bbb8dbc7a3e8..9b248e0c8b5f488bae4dca288501df8d724bc2e0 100644 (file)
--- a/src/components/file-tree/file-tree-item.tsx
+++ b/src/components/file-tree/file-tree-item.tsx
@@ -5,7 +5,7 @@
 import * as React from "react";
 import { TreeItem } from "../tree/tree";
 import { ProjectIcon, MoreOptionsIcon, DefaultIcon, CollectionIcon } from "../icon/icon";
-import { Typography, IconButton, StyleRulesCallback, withStyles, WithStyles } from "@material-ui/core";
+import { Typography, IconButton, StyleRulesCallback, withStyles, WithStyles, Tooltip } from '@material-ui/core';
 import { formatFileSize } from "~/common/formatters";
 import { ListItemTextIcon } from "../list-item-text-icon/list-item-text-icon";
 import { FileTreeData } from "./file-tree-data";
@@ -50,7 +50,9 @@ export const FileTreeItem = withStyles(fileTreeItemStyle)(
                 <IconButton
                     className={classes.button}
                     onClick={this.handleClick}>
-                    <MoreOptionsIcon />
+                    <Tooltip title="More options">
+                        <MoreOptionsIcon />
+                    </Tooltip>
                 </IconButton>
             </div >;
         }
@@ -61,7 +63,7 @@ export const FileTreeItem = withStyles(fileTreeItemStyle)(
     });
 
 const getIcon = (item: TreeItem<FileTreeData>) => {
-    switch(item.data.type){
+    switch (item.data.type) {
         case 'directory':
             return ProjectIcon;
         case 'file':

diff --git a/src/views/collection-panel/collection-panel.tsx b/src/views/collection-panel/collection-panel.tsx
index 748151c6c366d30f3ef650eca3d90738d0369b7a..9672f30628de1b3930968588a643a9d844cda57c 100644 (file)
--- a/src/views/collection-panel/collection-panel.tsx
+++ b/src/views/collection-panel/collection-panel.tsx
@@ -81,7 +81,9 @@ export const CollectionPanel = withStyles(styles)(
                                 <IconButton
                                     aria-label="More options"
                                     onClick={this.handleContextMenu}>
-                                    <MoreOptionsIcon />
+                                    <Tooltip title="More options">
+                                        <MoreOptionsIcon />
+                                    </Tooltip>
                                 </IconButton>
                             }
                             title={item && item.name}

diff --git a/src/views/process-log-panel/process-log-main-card.tsx b/src/views/process-log-panel/process-log-main-card.tsx
index 29fd4ae27a24e588c00a2c501b2f02cf2fc3c9b5..66811f47b89209191c7de02d329efa4d2259da49 100644 (file)
--- a/src/views/process-log-panel/process-log-main-card.tsx
+++ b/src/views/process-log-panel/process-log-main-card.tsx
@@ -67,7 +67,9 @@ export const ProcessLogMainCard = withStyles(styles)(
                     action={
                         <div>
                             <IconButton aria-label="More options">
-                                <MoreOptionsIcon />
+                                <Tooltip title="More options">
+                                    <MoreOptionsIcon />
+                                </Tooltip>
                             </IconButton>
                         </div>
                     }

diff --git a/src/views/process-panel/process-information-card.tsx b/src/views/process-panel/process-information-card.tsx
index efabe22b01750b5ada922227a38aba649a6dec34..fea94b904341958f2b3edb0a07754a823a97a349 100644 (file)
--- a/src/views/process-panel/process-information-card.tsx
+++ b/src/views/process-panel/process-information-card.tsx
@@ -89,7 +89,9 @@ export const ProcessInformationCard = withStyles(styles, { withTheme: true })(
                         <IconButton
                             aria-label="More options"
                             onClick={event => onContextMenu(event)}>
-                            <MoreOptionsIcon />
+                            <Tooltip title="More options">
+                                <MoreOptionsIcon />
+                            </Tooltip>
                         </IconButton>
                     </div>
                 }

diff --git a/src/views/process-panel/process-subprocesses-card.tsx b/src/views/process-panel/process-subprocesses-card.tsx
index 8f6ccbc2b6259a104610e7732426bfbec87a2c3e..4226fefc8cb9bca9fe1e153cddb3a43194dc793b 100644 (file)
--- a/src/views/process-panel/process-subprocesses-card.tsx
+++ b/src/views/process-panel/process-subprocesses-card.tsx
@@ -14,7 +14,7 @@ import { Process, getProcessStatus, getProcessRuntime } from '~/store/processes/
 import { formatTime } from '~/common/formatters';
 import { getProcessStatusColor } from '~/store/processes/process';
 
-export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader'| 'header';
+export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader' | 'header';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     label: {
@@ -87,7 +87,9 @@ export const ProcessSubprocessesCard = withStyles(styles, { withTheme: true })(
                             className={classes.options}
                             aria-label="More options"
                             onClick={onContextMenu}>
-                            <MoreOptionsIcon />
+                            <Tooltip title="More options">
+                                <MoreOptionsIcon />
+                            </Tooltip>
                         </IconButton>
                     </div>
                 }

diff --git a/src/views/trash-panel/trash-panel.tsx b/src/views/trash-panel/trash-panel.tsx
index 420d650d1e403847e0763f768d2302c1204f326c..4a1e197d540dc059a8cfe15c6d642c218a308a0d 100644 (file)
--- a/src/views/trash-panel/trash-panel.tsx
+++ b/src/views/trash-panel/trash-panel.tsx
@@ -73,7 +73,7 @@ export const ResourceRestore =
                 ));
             }
         }}>
-            <Tooltip title="Filters">
+            <Tooltip title="Restore">
                 <RestoreFromTrashIcon />
             </Tooltip>
         </IconButton>