add tooltip

hubmapconsortium · Nov 3, 2024 · e8b9312 · e8b9312
1 parent f699fbb
commit e8b9312
Showing 1 changed file with 13 additions and 10 deletions.
diff --git 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>
   );
 }