From e8b9312afa9ce6dc98b0943365ff17ac3aa96115 Mon Sep 17 00:00:00 2001
From: Nikolay Akhmetov <nick.akhmetov@gmail.com>
Date: Sun, 3 Nov 2024 10:35:19 -0500
Subject: [PATCH] add tooltip

---
 .../detailPage/Citation/Citation.tsx          | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/context/app/static/js/components/detailPage/Citation/Citation.tsx b/context/app/static/js/components/detailPage/Citation/Citation.tsx
index f6b8a9e64a..213d6426c3 100644
--- a/context/app/static/js/components/detailPage/Citation/Citation.tsx
+++ b/context/app/static/js/components/detailPage/Citation/Citation.tsx
@@ -6,6 +6,7 @@ import LabelledSectionText from 'js/shared-styles/sections/LabelledSectionText';
 import ContentCopyIcon from '@mui/icons-material/ContentCopyRounded';
 import { useHandleCopyClick } from 'js/hooks/useCopyText';
 import IconLink from 'js/shared-styles/Links/iconLinks/IconLink';
+import { SecondaryBackgroundTooltip } from 'js/shared-styles/tooltips';
 
 interface Contributor {
   last_name: string;
@@ -37,16 +38,18 @@ function ExternalDoiLink({ doi_url }: { doi_url: string }) {
 function InternalDoiLink({ doi_url }: { doi_url: string }) {
   const copy = useHandleCopyClick();
   return (
-    <IconLink
-      href={doi_url}
-      onClick={(e) => {
-        e.preventDefault();
-        copy(doi_url);
-      }}
-      icon={<ContentCopyIcon />}
-    >
-      {doi_url}
-    </IconLink>
+    <SecondaryBackgroundTooltip title="This DOI link leads to the page you are currently viewing. Click to copy.">
+      <IconLink
+        href={doi_url}
+        onClick={(e) => {
+          e.preventDefault();
+          copy(doi_url);
+        }}
+        icon={<ContentCopyIcon />}
+      >
+        {doi_url}
+      </IconLink>
+    </SecondaryBackgroundTooltip>
   );
 }