Commit workspace changes

resources/js/components/leaderboard/LeaderboardItem.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import LevelBadge from '../xp/LevelBadge'
+import GroupBadgePill from '../groups/GroupBadgePill'
 
 const PODIUM_STYLES = {
   1: 'border-yellow-300/40 bg-[linear-gradient(180deg,rgba(250,204,21,0.18),rgba(15,23,42,0.84))]',
@@ -20,6 +21,7 @@ export default function LeaderboardItem({ item, type, highlight = false }) {
   const rank = Number(item?.rank || 0)
   const tone = highlight ? PODIUM_STYLES[rank] || PODIUM_STYLES[3] : 'border-white/10 bg-white/[0.03]'
   const image = entity.avatar || entity.image || null
+  const groupSignals = Array.isArray(entity.trust_signals) ? entity.trust_signals.slice(0, 2) : []
 
   return (
     <article className={cx('rounded-3xl border p-4 shadow-lg transition', tone)}>
@@ -39,6 +41,7 @@ export default function LeaderboardItem({ item, type, highlight = false }) {
                   by {entity.creator_name}
                 </a>
               ) : null}
+              {type === 'group' && entity.headline ? <p className="mt-1 text-sm text-slate-400">{entity.headline}</p> : null}
               {entity.username ? <p className="mt-1 text-sm text-slate-500">@{entity.username}</p> : null}
             </div>
 
@@ -50,11 +53,18 @@ export default function LeaderboardItem({ item, type, highlight = false }) {
 
           <div className="mt-4 flex flex-wrap items-center gap-3">
             {type === 'creator' ? <LevelBadge level={entity.level} rank={entity.rank} compact /> : null}
+            {type === 'group' ? groupSignals.map((signal) => <GroupBadgePill key={signal.key} label={signal.label} tone={signal.tone} />) : null}
+            {type === 'group' && entity.is_recruiting ? <GroupBadgePill label="Recruiting" tone="emerald" /> : null}
             {type !== 'creator' && entity.creator_name ? (
               <span className="rounded-full border border-white/10 bg-white/5 px-3 py-1 text-[11px] uppercase tracking-[0.14em] text-slate-300">
                 {type}
               </span>
             ) : null}
+            {type === 'group' ? (
+              <span className="text-xs text-slate-400">
+                {Number(entity.artworks_count || 0).toLocaleString()} artworks, {Number(entity.members_count || 0).toLocaleString()} members, {Number(entity.followers_count || 0).toLocaleString()} followers
+              </span>
+            ) : null}
           </div>
         </div>