refs #15083-tooltips-for-icons-inside-table

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

diff --git a/src/views-components/favorite-star/favorite-star.tsx b/src/views-components/favorite-star/favorite-star.tsx
index 6812535def0c8092fdb222e2fae899aac5b527a8..0598e5f5226e104555f3d143335015f47b2514d3 100644 (file)
--- a/src/views-components/favorite-star/favorite-star.tsx
+++ b/src/views-components/favorite-star/favorite-star.tsx
@@ -6,7 +6,7 @@ import * as React from "react";
 import { FavoriteIcon, PublicFavoriteIcon } from "~/components/icon/icon";
 import { connect } from "react-redux";
 import { RootState } from "~/store/store";
 import { FavoriteIcon, PublicFavoriteIcon } from "~/components/icon/icon";
 import { connect } from "react-redux";
 import { RootState } from "~/store/store";

-import { withStyles, StyleRulesCallback, WithStyles } from "@material-ui/core";
+import { withStyles, StyleRulesCallback, WithStyles, Tooltip } from "@material-ui/core";

 
 type CssRules = "icon";
 
 
 type CssRules = "icon";
 


@@ -25,7 +25,7 @@ const mapStateToProps = (state: RootState, props: { resourceUuid: string; classN
 export const FavoriteStar = connect(mapStateToProps)(
     withStyles(styles)((props: { isFavoriteVisible: boolean; className?: string; } & WithStyles<CssRules>) => {
         if (props.isFavoriteVisible) {
 export const FavoriteStar = connect(mapStateToProps)(
     withStyles(styles)((props: { isFavoriteVisible: boolean; className?: string; } & WithStyles<CssRules>) => {
         if (props.isFavoriteVisible) {

-            return <FavoriteIcon className={props.className || props.classes.icon} />;
+            return <Tooltip enterDelay={500} title="Favorite"><FavoriteIcon className={props.className || props.classes.icon} /></Tooltip>;

         } else {
             return null;
         }
         } else {
             return null;
         }


@@ -34,7 +34,7 @@ export const FavoriteStar = connect(mapStateToProps)(
 export const PublicFavoriteStar = connect(mapStateToProps)(
     withStyles(styles)((props: { isPublicFavoriteVisible: boolean; className?: string; } & WithStyles<CssRules>) => {
         if (props.isPublicFavoriteVisible) {
 export const PublicFavoriteStar = connect(mapStateToProps)(
     withStyles(styles)((props: { isPublicFavoriteVisible: boolean; className?: string; } & WithStyles<CssRules>) => {
         if (props.isPublicFavoriteVisible) {

-            return <PublicFavoriteIcon className={props.className || props.classes.icon} />;
+            return <Tooltip enterDelay={500} title="Public Favorite"><PublicFavoriteIcon className={props.className || props.classes.icon} /></Tooltip>;

         } else {
             return null;
         }
         } else {
             return null;
         }