website cleanup

apps/website/components/races/UpcomingRacesSidebar.tsx

@@ -1,9 +1,15 @@
-import type { Race } from '@core/racing/domain/entities/Race';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 
+type UpcomingRace = {
+  id: string;
+  track: string;
+  car: string;
+  scheduledAt: string | Date;
+};
+
 interface UpcomingRacesSidebarProps {
-  races: Race[];
+  races: UpcomingRace[];
 }
 
 export default function UpcomingRacesSidebar({ races }: UpcomingRacesSidebarProps) {
@@ -25,21 +31,25 @@ export default function UpcomingRacesSidebar({ races }: UpcomingRacesSidebarProp
         </Button>
       </div>
       <ul className="space-y-3">
-        {races.slice(0, 4).map(race => (
+        {races.slice(0, 4).map((race) => {
+          const scheduledAt = typeof race.scheduledAt === 'string' ? new Date(race.scheduledAt) : race.scheduledAt;
+
+          return (
           <li key={race.id} className="flex items-start justify-between gap-3 text-xs">
             <div className="flex-1 min-w-0">
               <p className="text-white truncate">{race.track}</p>
               <p className="text-gray-400 truncate">{race.car}</p>
             </div>
             <div className="text-right text-gray-500 whitespace-nowrap">
-              {race.scheduledAt.toLocaleDateString(undefined, {
+              {scheduledAt.toLocaleDateString(undefined, {
                 month: 'short',
                 day: 'numeric'
               })}
             </div>
           </li>
-        ))}
+          );
+        })}
       </ul>
     </Card>
   );
-}
+}