wip

apps/website/components/leagues/LeagueReviewSummary.tsx

@@ -161,8 +161,12 @@ export default function LeagueReviewSummary({ form, presets }: LeagueReviewSumma
     return '🏁';
   };
  
-  const visibilityIcon = basics.visibility === 'public' ? Eye : EyeOff;
-  const visibilityLabel = basics.visibility === 'public' ? 'Public' : 'Private';
+  // Normalize visibility to new terminology
+  const isRanked = basics.visibility === 'ranked' || basics.visibility === 'public';
+  const visibilityLabel = isRanked ? 'Ranked' : 'Unranked';
+  const visibilityDescription = isRanked
+    ? 'Competitive • Affects ratings'
+    : 'Casual • Friends only';
 
   // Calculate total weekend duration
   const totalWeekendMinutes = (timings.practiceMinutes ?? 0) +
@@ -190,13 +194,15 @@ export default function LeagueReviewSummary({ form, presets }: LeagueReviewSumma
               {basics.description || 'Ready to launch your racing series!'}
             </p>
             <div className="flex flex-wrap items-center gap-3">
-              <span className={`inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium ${
-                basics.visibility === 'public'
-                  ? 'bg-performance-green/10 text-performance-green'
-                  : 'bg-warning-amber/10 text-warning-amber'
+              {/* Ranked/Unranked Badge */}
+              <span className={`inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium ${
+                isRanked
+                  ? 'bg-primary-blue/15 text-primary-blue border border-primary-blue/30'
+                  : 'bg-neon-aqua/15 text-neon-aqua border border-neon-aqua/30'
               }`}>
-                {basics.visibility === 'public' ? <Eye className="w-3 h-3" /> : <EyeOff className="w-3 h-3" />}
-                {visibilityLabel}
+                {isRanked ? <Trophy className="w-3 h-3" /> : <Users className="w-3 h-3" />}
+                <span className="font-semibold">{visibilityLabel}</span>
+                <span className="text-[10px] opacity-70">• {visibilityDescription}</span>
               </span>
               <span className="inline-flex items-center gap-1.5 rounded-full bg-charcoal-outline/50 px-3 py-1 text-xs font-medium text-gray-300">
                 <Gamepad2 className="w-3 h-3" />