From 2fab893cd7c60dcb89236cf2efe0d1db488e9304 Mon Sep 17 00:00:00 2001
From: Ryan Mathis <rmathis@unicon.net>
Date: Thu, 1 Dec 2022 14:15:22 -0700
Subject: [PATCH] Added ids for tooltips

---
 ui/src/app/admin/container/ConfigurationList.js           | 4 ++--
 ui/src/app/form/component/InfoIcon.js                     | 5 +++--
 ui/src/app/metadata/component/properties/PropertyValue.js | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/admin/container/ConfigurationList.js b/ui/src/app/admin/container/ConfigurationList.js
index 91dc3a6b2..2704006b6 100644
--- a/ui/src/app/admin/container/ConfigurationList.js
+++ b/ui/src/app/admin/container/ConfigurationList.js
@@ -90,7 +90,7 @@ export function ConfigurationList({ configurations, onDelete, loading }) {
                                                         <div className="d-flex justify-content-center">
 
                                                             <OverlayTrigger trigger={['hover', 'focus']} overlay={(
-                                                                <Popover variant="info">
+                                                                <Popover variant="info" id="tooltip.download-single-config">
                                                                     <Popover.Body><Translate value={'tooltip.download-single-config'} /></Popover.Body>
                                                                 </Popover>
                                                             )}
@@ -102,7 +102,7 @@ export function ConfigurationList({ configurations, onDelete, loading }) {
                                                             </OverlayTrigger>
                                                             <div className="vr"></div>
                                                             <OverlayTrigger trigger={['hover', 'focus']} overlay={(
-                                                                <Popover variant="info">
+                                                                <Popover variant="info" id="tooltip.download-multi-config">
                                                                     <Popover.Body><Translate value={'tooltip.download-multi-config'} /></Popover.Body>
                                                                 </Popover>
                                                             )}
diff --git a/ui/src/app/form/component/InfoIcon.js b/ui/src/app/form/component/InfoIcon.js
index 1456cbd4b..9cd53245d 100644
--- a/ui/src/app/form/component/InfoIcon.js
+++ b/ui/src/app/form/component/InfoIcon.js
@@ -9,9 +9,10 @@ import { useTranslator } from '../../i18n/hooks';
 
 export function InfoIcon ({ value = '', placement='auto', ...props }) {
     const translate = useTranslator();
+
     return(
-        <OverlayTrigger trigger={['hover', 'focus', 'click']} placement={placement} overlay={(
-            <Popover variant="info">
+        <OverlayTrigger trigger={['click']} placement={placement} overlay={(
+            <Popover variant="info" id={value}>
                 <Popover.Body><Translate value={value} /></Popover.Body>
             </Popover>
         )}
diff --git a/ui/src/app/metadata/component/properties/PropertyValue.js b/ui/src/app/metadata/component/properties/PropertyValue.js
index ef2e89e59..51912417d 100644
--- a/ui/src/app/metadata/component/properties/PropertyValue.js
+++ b/ui/src/app/metadata/component/properties/PropertyValue.js
@@ -13,7 +13,7 @@ export function PropertyValue ({ name, value, columns, className }) {
         <>
         { name && value !== null && value !== undefined  ? 
                 <OverlayTrigger trigger={['hover', 'focus']} placement="left" overlay={(
-                    <Popover variant="info">
+                    <Popover variant="info" id={value.toString()}>
                         <Popover.Body><Translate value={value.toString()}>{value.toString()}</Translate></Popover.Body>
                     </Popover>
                 )}>