From fe312ca714d7fc787fe08e57bd9a7e57b5716506 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Thu, 29 Jan 2026 08:49:27 +0200
Subject: [PATCH] Render engagement activity for skills

---
 src/libs/core/lib/profile/user-skill.model.ts |  1 +
 .../lib/components/skill-pill/SkillPill.tsx   | 20 +++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/src/libs/core/lib/profile/user-skill.model.ts b/src/libs/core/lib/profile/user-skill.model.ts
index 9e32f1435..13d858820 100644
--- a/src/libs/core/lib/profile/user-skill.model.ts
+++ b/src/libs/core/lib/profile/user-skill.model.ts
@@ -56,6 +56,7 @@ export type UserSkillWithActivity = {
         certification?: UserSkillActivity
         course?: UserSkillActivity
         challenge?: UserSkillActivity
+        engagement?: UserSkillActivity
     }
 } & UserSkill
 
diff --git a/src/libs/shared/lib/components/skill-pill/SkillPill.tsx b/src/libs/shared/lib/components/skill-pill/SkillPill.tsx
index 53307b8a3..3a592cfab 100644
--- a/src/libs/shared/lib/components/skill-pill/SkillPill.tsx
+++ b/src/libs/shared/lib/components/skill-pill/SkillPill.tsx
@@ -129,6 +129,26 @@ const SkillPill: FC<SkillPillProps> = props => {
                             ))}
                         </li>
                     )}
+                    {skillDetails.activity.engagement && (
+                        <li>
+                            <div className={styles.tooltipRow}>
+                                Engagements (
+                                {skillDetails.activity.engagement.count}
+                                ):
+                            </div>
+                            {skillDetails.activity.engagement.lastSources.map(s => (
+                                <a
+                                    key={s.id}
+                                    className={classNames(styles.tooltipRow, styles.padLeft)}
+                                    href={`${EnvironmentConfig.ENGAGEMENTS_URL}/${s.id}`}
+                                    target='_blank'
+                                    rel='noopener noreferrer'
+                                >
+                                    {s.title}
+                                </a>
+                            ))}
+                        </li>
+                    )}
                 </ul>
             </>
         )