website cleanup

apps/website/components/teams/TeamRoster.tsx

@@ -4,13 +4,11 @@ import { useState, useEffect } from 'react';
 import Card from '@/components/ui/Card';
 import DriverIdentity from '@/components/drivers/DriverIdentity';
 import { useServices } from '@/lib/services/ServiceProvider';
-import type { TeamRole } from '@core/racing/domain/types/TeamMembership';
+import type { TeamMemberViewModel } from '@/lib/view-models/TeamMemberViewModel';
 
-interface TeamMembershipSummary {
-  driverId: string;
-  role: TeamRole;
-  joinedAt: Date;
-}
+type TeamRole = 'owner' | 'admin' | 'member';
+
+type TeamMembershipSummary = Pick<TeamMemberViewModel, 'driverId' | 'role' | 'joinedAt'>;
 
 interface TeamRosterProps {
   teamId: string;
@@ -64,7 +62,7 @@ export default function TeamRoster({
     switch (role) {
       case 'owner':
         return 'bg-warning-amber/20 text-warning-amber';
-      case 'manager':
+      case 'admin':
         return 'bg-primary-blue/20 text-primary-blue';
       default:
         return 'bg-charcoal-outline text-gray-300';
@@ -79,9 +77,9 @@ export default function TeamRoster({
     switch (role) {
       case 'owner':
         return 0;
-      case 'manager':
+      case 'admin':
         return 1;
-      case 'driver':
+      case 'member':
         return 2;
       default:
         return 3;
@@ -192,8 +190,8 @@ export default function TeamRoster({
                       onChangeRole?.(driver.id, e.target.value as TeamRole)
                     }
                   >
-                    <option value="driver">Driver</option>
-                    <option value="manager">Manager</option>
+                    <option value="member">Member</option>
+                    <option value="admin">Admin</option>
                   </select>
 
                   <button
@@ -214,4 +212,4 @@ export default function TeamRoster({
       )}
     </Card>
   );
-}
+}