wip

apps/website/templates/DriverProfileTemplate.tsx

@@ -10,20 +10,19 @@ import { Text } from '@/ui/Text';
 import { Button } from '@/ui/Button';
 import { Container } from '@/ui/Container';
 import { LoadingSpinner } from '@/ui/LoadingSpinner';
-import Breadcrumbs from '@/components/layout/Breadcrumbs';
+import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
 import { ProfileHero } from '@/components/profile/ProfileHero';
 import { ProfileBio } from '@/components/profile/ProfileBio';
 import { TeamMembershipGrid } from '@/components/profile/TeamMembershipGrid';
 import { PerformanceOverview } from '@/components/profile/PerformanceOverview';
-import { ProfileTabs } from '@/components/profile/ProfileTabs';
 import { CareerStats } from '@/components/profile/CareerStats';
 import { RacingProfile } from '@/components/profile/RacingProfile';
 import { AchievementGrid } from '@/components/profile/AchievementGrid';
 import { FriendsPreview } from '@/components/profile/FriendsPreview';
+import RatingBreakdown from '@/components/drivers/RatingBreakdown';
+import { ProfileTabs, type ProfileTab } from '@/components/profile/ProfileTabs';
 import type { DriverProfileViewData } from '../../../lib/types/view-data/DriverProfileViewData';
 
-type ProfileTab = 'overview' | 'stats';
-
 interface DriverProfileTemplateProps {
   viewData: DriverProfileViewData;
   isLoading?: boolean;
@@ -184,6 +183,14 @@ export function DriverProfileTemplate({
             <Text size="sm" color="text-gray-500">This driver hasn&apos;t completed any races yet</Text>
           </Stack>
         )}
+
+        {activeTab === 'ratings' && (
+          <RatingBreakdown 
+            skillRating={stats?.rating || 1450}
+            safetyRating={92} // Placeholder as not in viewData yet
+            sportsmanshipRating={4.8} // Placeholder as not in viewData yet
+          />
+        )}
       </Stack>
     </Container>
   );