From 046f9e988db35a2784176ad9da9340443b672b5e Mon Sep 17 00:00:00 2001
From: himaniraghav3 <himaniraghav0311@gmail.com>
Date: Wed, 28 Jan 2026 13:24:52 +0530
Subject: [PATCH] PM-3458 Add tooltip

---
 .../member-profile/profile-header/ProfileHeader.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx b/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx
index 1fdfabf07..f8443e19d 100644
--- a/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx
+++ b/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx
@@ -8,6 +8,7 @@ import {
     UserProfile,
 } from '~/libs/core'
 import { ProfilePicture, useCheckIsMobile } from '~/libs/shared'
+import { Tooltip } from '~/libs/ui'
 
 import { AddButton, EditMemberPropertyBtn } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
@@ -109,9 +110,15 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
 
     function renderActivityStatus(): JSX.Element {
         return (
-            <div className={styles.activeBadge}>
-                Active
-            </div>
+            <Tooltip
+                content='You have been active in the past 3 months. (this information is visible to you only)'
+                triggerOn='hover'
+                place='top'
+            >
+                <div className={styles.activeBadge}>
+                    Active
+                </div>
+            </Tooltip>
         )
     }