From 7f94d465f668b3b600b2e4c96f8ac6e7353e41dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Maro=C5=A1i?= <marvusm.mmi@gmail.com>
Date: Fri, 8 Dec 2023 14:52:55 +0100
Subject: [PATCH] RHCLOUD-29659 add badge tooltip (#85)

---
 src/Components/AstroAvatar/AstroBadge.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Components/AstroAvatar/AstroBadge.tsx b/src/Components/AstroAvatar/AstroBadge.tsx
index d1016b7..f08b9dc 100644
--- 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>
   );
 };