Added path tooltip on eye icon in installed versions page

devonfw · Dec 10, 2020 · ac056dc · ac056dc
1 parent abe5ce4
commit ac056dc
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/renderer/modules/settings/installations/components/Installations/Installations.view.tsx b/renderer/modules/settings/installations/components/Installations/Installations.view.tsx
@@ -1,6 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import { DevonIdeScript } from './Installations.contoller';
-import { TextField, Card, Typography } from '@material-ui/core';
+import { TextField, Card, Typography, Tooltip } from '@material-ui/core';
 import TableContainer from '@material-ui/core/TableContainer';
 import Table from '@material-ui/core/Table';
 import TableHead from '@material-ui/core/TableHead';
@@ -89,13 +89,15 @@ export default function InstallationsView(
                   <TableCell>{installation.version}</TableCell>
                   <TableCell>
                     {installation.path ? (
-                      <IconButton
-                        onClick={() => {
-                          props.viewIdeHandler(installation.path);
-                        }}
-                      >
-                        <VisibilityIcon fontSize="small" />
-                      </IconButton>
+                      <Tooltip title={installation.path} placement="top" arrow>
+                        <IconButton
+                          onClick={() => {
+                            props.viewIdeHandler(installation.path);
+                          }}
+                        >
+                          <VisibilityIcon fontSize="small" />
+                        </IconButton>
+                      </Tooltip>
                     ) : null}
                   </TableCell>
                   <TableCell>{installation.updated}</TableCell>