RHCLOUD-29659 add badge tooltip (#85)

RedHatInsights · Dec 8, 2023 · 7f94d46 · 7f94d46
1 parent face54f
commit 7f94d46
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/Components/AstroAvatar/AstroBadge.tsx b/src/Components/AstroAvatar/AstroBadge.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, ButtonVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Tooltip } from '@patternfly/react-core';
 import BubbleIcon from '../../assets/badge-icon.svg';
 
 interface AstroAvatarProps {
@@ -8,8 +8,10 @@ interface AstroAvatarProps {
 
 export const AstroBadge: React.FunctionComponent<AstroAvatarProps> = ({ onClick }) => {
   return (
-    <Button className="astro-c-button-badge pf-v5-u-box-shadow-lg" onClick={onClick}>
-      <img className="astro__badge" src={BubbleIcon} alt="Launch virtual assistant" />
-    </Button>
+    <Tooltip position="left" content={<div>Virtual assistant</div>}>
+      <Button className="astro-c-button-badge pf-v5-u-box-shadow-lg" onClick={onClick}>
+        <img className="astro__badge" src={BubbleIcon} alt="Launch virtual assistant" />
+      </Button>
+    </Tooltip>
   );
 };