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

…st for new db clusters
linode · Nov 19, 2024 · b0ea5af · b0ea5af
1 parent 255e3ec
commit b0ea5af
Showing 1 changed file with 10 additions and 2 deletions.
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}
+          />
+        )}
       </>
     );
   };