website refactor

apps/website/components/teams/TeamCardWrapper.tsx

@@ -4,11 +4,9 @@ import { Badge } from '@/ui/Badge';
 import { Icon } from '@/ui/Icon';
 import { Group } from '@/ui/Group';
 import { Text } from '@/ui/Text';
-import { BadgeGroup } from '@/ui/BadgeGroup';
 import {
     Clock,
     Crown,
-    Languages,
     Shield,
     Star,
     TrendingUp,
@@ -34,35 +32,8 @@ interface TeamCardProps {
   onClick?: () => void;
 }
 
-function getPerformanceBadge(level?: string) {
-  switch (level) {
-    case 'pro':
-      return { icon: Crown, label: 'Pro', variant: 'warning' as const };
-    case 'advanced':
-      return { icon: Star, label: 'Advanced', variant: 'primary' as const };
-    case 'intermediate':
-      return { icon: TrendingUp, label: 'Intermediate', variant: 'default' as const };
-    case 'beginner':
-      return { icon: Shield, label: 'Beginner', variant: 'success' as const };
-    default:
-      return null;
-  }
-}
-
-function getSpecializationBadge(specialization?: string) {
-  switch (specialization) {
-    case 'endurance':
-      return { icon: Clock, label: 'Endurance', intent: 'warning' as const };
-    case 'sprint':
-      return { icon: Zap, label: 'Sprint', intent: 'telemetry' as const };
-    default:
-      return null;
-  }
-}
-
 export function TeamCard({
   name,
-  description,
   logo,
   memberCount,
   ratingLabel,
@@ -70,53 +41,21 @@ export function TeamCard({
   racesLabel,
   performanceLevel,
   isRecruiting,
-  specialization,
   region,
-  languages,
-  category,
   onClick,
 }: TeamCardProps) {
-  const performanceBadge = getPerformanceBadge(performanceLevel);
-  const specializationBadge = getSpecializationBadge(specialization);
-
   return (
     <UiTeamCard
       name={name}
-      description={description}
       logo={logo}
       memberCount={memberCount}
+      ratingLabel={ratingLabel}
+      winsLabel={winsLabel}
+      racesLabel={racesLabel}
       isRecruiting={isRecruiting}
       onClick={onClick}
       region={region}
-      performanceBadge={performanceBadge && (
-        <Badge variant={performanceBadge.variant} icon={performanceBadge.icon}>
-          {performanceBadge.label}
-        </Badge>
-      )}
-      specializationContent={specializationBadge && (
-        <Group gap={1}>
-          <Icon icon={specializationBadge.icon} size={3} intent={specializationBadge.intent} />
-          <Text size="xs" variant="low">{specializationBadge.label}</Text>
-        </Group>
-      )}
-      categoryBadge={category && (
-        <Badge variant="primary">
-          {category}
-        </Badge>
-      )}
-      languagesContent={languages && languages.length > 0 && (
-        <Badge variant="default" icon={Languages}>
-          {languages.slice(0, 2).join(', ')}
-          {languages.length > 2 && ` +${languages.length - 2}`}
-        </Badge>
-      )}
-      statsContent={
-        <Group gap={4} justify="center">
-          <TeamStatItem label="Rating" value={ratingLabel} intent="primary" align="center" />
-          <TeamStatItem label="Wins" value={winsLabel} intent="success" align="center" />
-          <TeamStatItem label="Races" value={racesLabel} intent="high" align="center" />
-        </Group>
-      }
+      performanceLevel={performanceLevel}
     />
   );
 }