Added ids for tooltips

TIER · Dec 1, 2022 · 2fab893 · 2fab893
1 parent 3aebda8
commit 2fab893
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>
                 )}>