view data fixes

apps/website/lib/view-models/LeagueMemberViewModel.ts

@@ -1,36 +1,29 @@
-import { LeagueMemberDTO } from '@/lib/types/generated/LeagueMemberDTO';
-import { DriverViewModel } from './DriverViewModel';
-
 import { ViewModel } from "../contracts/view-models/ViewModel";
+import { LeagueRoleDisplay, LeagueRole } from "../display-objects/LeagueRoleDisplay";
+import type { LeagueMemberViewData } from "../view-data/LeagueMemberViewData";
 
 export class LeagueMemberViewModel extends ViewModel {
-  driverId: string;
+  private readonly data: LeagueMemberViewData;
 
-  currentUserId: string;
-
-  constructor(dto: LeagueMemberDTO, currentUserId: string) {
-    this.driverId = dto.driverId;
-    this.currentUserId = currentUserId;
+  constructor(data: LeagueMemberViewData) {
+    super();
+    this.data = data;
   }
 
-  // Note: The generated DTO is incomplete
-  // These fields will need to be added when the OpenAPI spec is updated
-  driver?: DriverViewModel;
-  role: string = 'member';
-  joinedAt: string = new Date().toISOString();
+  get driverId(): string { return this.data.driverId; }
+  get driver(): any { return this.data.driver; }
+  get role(): string { return this.data.role; }
+  get joinedAt(): string { return this.data.joinedAt; }
 
   /** UI-specific: Formatted join date */
   get formattedJoinedAt(): string {
+    // Client-only formatting
     return new Date(this.joinedAt).toLocaleDateString();
   }
 
-  /** UI-specific: Badge variant for role */
-  get roleBadgeVariant(): string {
-    switch (this.role) {
-      case 'owner': return 'primary';
-      case 'admin': return 'secondary';
-      default: return 'default';
-    }
+  /** UI-specific: Badge classes for role */
+  get roleBadgeClasses(): string {
+    return LeagueRoleDisplay.getLeagueRoleDisplay(this.role as LeagueRole)?.badgeClasses || '';
   }
 
   /** UI-specific: Whether this member is the owner */
@@ -40,6 +33,6 @@ export class LeagueMemberViewModel extends ViewModel {
 
   /** UI-specific: Whether this is the current user */
   get isCurrentUser(): boolean {
-    return this.driverId === this.currentUserId;
+    return this.driverId === this.data.currentUserId;
   }
 }