change: [UIE-8268] dbaas summary add tooltip for ipv6 to read-only ho…

…st for new db clusters (#11291)
linode · Nov 20, 2024 · 84de904 · 84de904
1 parent 8aa1545
commit 84de904
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/manager/.changeset/pr-11291-changed-1732048644474.md b/packages/manager/.changeset/pr-11291-changed-1732048644474.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Tooltip for IPV6 should also be added to read-only host in dbaas summary ([#11291](https://github.com/linode/manager/pull/11291))
diff --git a/...rc/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx b/...rc/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx
@@ -116,11 +116,11 @@ export const DatabaseSummaryConnectionDetails = (props: Props) => {
   const readOnlyHost = () => {
     const defaultValue = isLegacy ? '-' : 'N/A';
     const value = readOnlyHostValue ? readOnlyHostValue : defaultValue;
-    const displayCopyTooltip = value !== '-' && value !== 'N/A';
+    const hasHost = value !== '-' && value !== 'N/A';
     return (
       <>
         {value}
-        {value && displayCopyTooltip && (
+        {value && hasHost && (
           <CopyTooltip className={classes.inlineCopyToolTip} text={value} />
         )}
         {isLegacy && (
@@ -130,6 +130,14 @@ export const DatabaseSummaryConnectionDetails = (props: Props) => {
             text={privateHostCopy}
           />
         )}
+        {!isLegacy && hasHost && (
+          <TooltipIcon
+            componentsProps={hostTooltipComponentProps}
+            status="help"
+            sxTooltipIcon={sxTooltipIcon}
+            text={HOST_TOOLTIP_COPY}
+          />
+        )}
       </>
     );
   };