view data fixes

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

@@ -1,6 +1,6 @@
-import type { TeamMemberDTO } from '@/lib/types/generated/TeamMemberDTO';
-
-type TeamMemberRole = 'owner' | 'manager' | 'member';
+import { ViewModel } from "../contracts/view-models/ViewModel";
+import { DateDisplay } from "../display-objects/DateDisplay";
+import type { TeamMemberViewData, TeamMemberRole } from "../view-data/TeamMemberViewData";
 
 function normalizeTeamRole(role: string): TeamMemberRole {
   if (role === 'owner' || role === 'manager' || role === 'member') return role;
@@ -9,30 +9,23 @@ function normalizeTeamRole(role: string): TeamMemberRole {
   return 'member';
 }
 
-import { ViewModel } from "../contracts/view-models/ViewModel";
-
 export class TeamMemberViewModel extends ViewModel {
-  driverId: string;
-  driverName: string;
-  role: TeamMemberRole;
-  joinedAt: string;
-  isActive: boolean;
-  avatarUrl: string;
+  private readonly data: TeamMemberViewData;
 
-  private currentUserId: string;
-  private teamOwnerId: string;
-
-  constructor(dto: TeamMemberDTO, currentUserId: string, teamOwnerId: string) {
-    this.driverId = dto.driverId;
-    this.driverName = dto.driverName;
-    this.role = normalizeTeamRole(dto.role);
-    this.joinedAt = dto.joinedAt;
-    this.isActive = dto.isActive;
-    this.avatarUrl = dto.avatarUrl || '';
-    this.currentUserId = currentUserId;
-    this.teamOwnerId = teamOwnerId;
+  constructor(data: TeamMemberViewData) {
+    super();
+    this.data = data;
   }
 
+  get driverId(): string { return this.data.driverId; }
+  get driverName(): string { return this.data.driverName; }
+  get role(): TeamMemberRole { return normalizeTeamRole(this.data.role); }
+  get joinedAt(): string { return this.data.joinedAt; }
+  get isActive(): boolean { return this.data.isActive; }
+  get avatarUrl(): string { return this.data.avatarUrl || ''; }
+  get currentUserId(): string { return this.data.currentUserId; }
+  get teamOwnerId(): string { return this.data.teamOwnerId; }
+
   /** UI-specific: Role badge variant */
   get roleBadgeVariant(): string {
     switch (this.role) {
@@ -60,6 +53,6 @@ export class TeamMemberViewModel extends ViewModel {
 
   /** UI-specific: Formatted joined date */
   get formattedJoinedAt(): string {
-    return new Date(this.joinedAt).toLocaleDateString();
+    return DateDisplay.formatShort(this.joinedAt);
   }
 }