From a4cf93c49abfe9e0285345a485466d7bb1b91e7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Hatcher?= <nicolas@theuniverse.today>
Date: Wed, 1 Jan 2025 16:30:32 +0100
Subject: [PATCH] FIX: Add link to help

---
 .../NameManagerDialog/NameManagerDialog.tsx   | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx b/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
index 227a445..18d7a76 100644
--- a/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
+++ b/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
@@ -140,9 +140,13 @@ function NameManagerDialog(properties: NameManagerDialogProperties) {
       <StyledDialogActions>
         <Box display="flex" alignItems="center" gap={"8px"}>
           <BookOpen color="grey" size={16} />
-          <span style={{ fontSize: "12px", fontFamily: "Inter" }}>
+          <UploadFooterLink
+            href="https://docs.ironcalc.com/web-application/name-manager.html"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             {t("name_manager_dialog.help")}
-          </span>
+          </UploadFooterLink>
         </Box>
         <Button
           onClick={() => setEditingNameIndex(-1)}
@@ -213,4 +217,15 @@ const StyledDialogActions = styled(DialogActions)`
   color: #757575;
 `;
 
+const UploadFooterLink = styled("a")`
+  font-size: 12px;
+  font-weight: 400;
+  font-family: "Inter";
+  color: #757575;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+
 export default NameManagerDialog;