wip

apps/website/components/teams/TeamCard.tsx

@@ -1,6 +1,8 @@
 'use client';
 
+import Image from 'next/image';
 import Card from '../ui/Card';
+import { getTeamLogoUrl } from '@/lib/racingLegacyFacade';
 
 interface TeamCardProps {
   id: string;
@@ -36,14 +38,14 @@ export default function TeamCard({
       <Card>
         <div className="space-y-4">
           <div className="flex items-start gap-4">
-            <div className="w-16 h-16 bg-charcoal-outline rounded-lg flex items-center justify-center flex-shrink-0">
-              {logo ? (
-                <img src={logo} alt={name} className="w-full h-full object-cover rounded-lg" />
-              ) : (
-                <span className="text-2xl font-bold text-gray-500">
-                  {name.charAt(0)}
-                </span>
-              )}
+            <div className="w-16 h-16 bg-charcoal-outline rounded-lg flex items-center justify-center flex-shrink-0 overflow-hidden">
+              <Image
+                src={logo || getTeamLogoUrl(id)}
+                alt={name}
+                width={64}
+                height={64}
+                className="w-full h-full object-cover"
+              />
             </div>
             <div className="flex-1 min-w-0">
               <h3 className="text-lg font-semibold text-white truncate">