Adds tooltip to edit button

shapehq · Jul 24, 2024 · e6957ed · e6957ed
1 parent 3143356
commit e6957ed
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/features/projects/view/toolbar/TrailingToolbarItem.tsx b/src/features/projects/view/toolbar/TrailingToolbarItem.tsx
@@ -1,5 +1,5 @@
 import { SxProps } from "@mui/system"
-import { Stack, IconButton, Typography, Link } from "@mui/material"
+import { Stack, IconButton, Typography, Link, Tooltip } from "@mui/material"
 import { Project, Version, OpenApiSpecification } from "../../domain"
 import VersionSelector from "./VersionSelector"
 import SpecificationSelector from "./SpecificationSelector"
@@ -66,14 +66,16 @@ const TrailingToolbarItem = ({
           sx={{ marginRight: 0.5 }}
         />
         {specification.editURL &&
-          <IconButton
-            href={specification.editURL}
-            target="_blank"
-            color="primary"
-            edge="end"
-          >
-            <FontAwesomeIcon icon={faPen} size="xs" style={{ aspectRatio: 1, padding: 2 }} />
-          </IconButton>
+          <Tooltip title={`Edit ${specification.name}`}>
+            <IconButton
+              href={specification.editURL}
+              target="_blank"
+              color="primary"
+              edge="end"
+            >
+              <FontAwesomeIcon icon={faPen} size="xs" style={{ aspectRatio: 1, padding: 2 }} />
+            </IconButton>
+          </Tooltip>
         }
       </Stack>
     </>