From e6957ed27a90f8943ea6710cbeb79877be2e0a07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20St=C3=B8vring?= <mail@simonbs.dk>
Date: Wed, 24 Jul 2024 15:47:52 +0200
Subject: [PATCH] Adds tooltip to edit button

---
 .../view/toolbar/TrailingToolbarItem.tsx      | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/features/projects/view/toolbar/TrailingToolbarItem.tsx b/src/features/projects/view/toolbar/TrailingToolbarItem.tsx
index ba1a3bec..537d4e20 100644
--- 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>
     </>