feat: add leaderboard rank extraction and display in chat and overlay components, including CSS styling for leaderboard badge

This commit is contained in:
Yusuf İpek
2025-10-12 21:48:05 +03:00
parent 1678117d16
commit d3185b43c3
5 changed files with 43 additions and 4 deletions
+5
View File
@@ -616,6 +616,11 @@ function ChatItem({ message, isSelected, onSelect, onLinkClick, isPreviouslySele
<span className="chatItem__membership">{message.membershipLevel}:</span>
)}
<span className="chatItem__author">{message.author}</span>
{message.leaderboardRank && (
<span className="badge badge--leaderboard" title={`#${message.leaderboardRank} on leaderboard`}>
👑 #{message.leaderboardRank}
</span>
)}
{message.badges && message.badges.map((badge, i) => (
badge.imageUrl ? (
<img key={i} src={proxyImageUrl(badge.imageUrl)} alt={badge.label} className="badge badge--image" title={badge.label} />