From 544a0738199d782118d3f43f8d9a2ead3440f5df Mon Sep 17 00:00:00 2001
From: himaniraghav3 <himaniraghav0311@gmail.com>
Date: Wed, 28 Jan 2026 12:43:59 +0530
Subject: [PATCH] PM-3458 Add Activity badge on profile

---
 .../profile-header/ProfileHeader.module.scss  | 19 ++++++++++++++++++-
 .../profile-header/ProfileHeader.tsx          | 12 ++++++++++++
 .../core/lib/profile/user-profile.model.ts    |  1 +
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.module.scss b/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.module.scss
index 954c8f6dc..e17b5b163 100644
--- a/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.module.scss
+++ b/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.module.scss
@@ -120,7 +120,7 @@
         display: flex;
         align-items: center;
         background-color: $tc-white;
-        padding: $sp-4;
+        padding: 12px 20px;
         border-radius: 200px;
         color: $black-100;
         margin-top: $sp-8;
@@ -139,6 +139,23 @@
     }
 }
 
+.activeBadge {
+  display: inline-flex;
+  align-items: center;
+  padding: 16px 20px;
+  margin-right: 24px;
+  border-radius: 200px;
+  background-color: $turq-120;
+  color: white;
+  font-size: 16px;
+  font-weight: 700;
+  margin-top: $sp-8;
+
+   @include ltelg {
+        margin-top: $sp-4;
+    }
+}
+
 :global(#start-hiring-form) {
     min-height: 380px;
 }
\ No newline at end of file
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 8a22241dc..1fdfabf07 100644
--- a/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx
+++ b/src/apps/profiles/src/member-profile/profile-header/ProfileHeader.tsx
@@ -31,6 +31,7 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
     const hasProfilePicture = !!props.profile.photoURL
 
     const canEdit: boolean = props.authProfile?.handle === props.profile.handle
+    const canSeeActivityBadge = props.profile.recentActivity
 
     const [isNameEditMode, setIsNameEditMode]: [boolean, Dispatch<SetStateAction<boolean>>]
         = useState<boolean>(false)
@@ -106,6 +107,14 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
         )
     }
 
+    function renderActivityStatus(): JSX.Element {
+        return (
+            <div className={styles.activeBadge}>
+                Active
+            </div>
+        )
+    }
+
     function renderMemberPhotoWrap(): JSX.Element {
         return (
             <div className={styles.photoWrap}>
@@ -178,6 +187,9 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
                     </p>
                 </div>
             </div>
+            {
+                canSeeActivityBadge ? renderActivityStatus() : undefined
+            }
 
             {
                 // Showing only when they can edit until we have the talent search app
diff --git a/src/libs/core/lib/profile/user-profile.model.ts b/src/libs/core/lib/profile/user-profile.model.ts
index a50c4014d..a77386739 100644
--- a/src/libs/core/lib/profile/user-profile.model.ts
+++ b/src/libs/core/lib/profile/user-profile.model.ts
@@ -45,4 +45,5 @@ export interface UserProfile {
     userId: number
     namesAndHandleAppearance: NamesAndHandleAppearance
     identityVerified?: boolean
+    recentActivity?: boolean
 }