view models

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

@@ -1,29 +1,26 @@
-import { PrizeDto } from '../types/generated/PrizeDto';
+import type { PrizeDto } from '../types/generated';
 
-export class PrizeViewModel implements PrizeDto {
+export class PrizeViewModel {
   id: string;
   leagueId: string;
   seasonId: string;
   position: number;
   name: string;
   amount: number;
+  type: string;
+  description?: string;
+  awarded: boolean;
+  awardedTo?: string;
+  awardedAt?: Date;
+  createdAt: Date;
 
   constructor(dto: PrizeDto) {
-    this.id = dto.id;
-    this.leagueId = dto.leagueId;
-    this.seasonId = dto.seasonId;
-    this.position = dto.position;
-    this.name = dto.name;
-    this.amount = dto.amount;
+    Object.assign(this, dto);
   }
 
-  // Note: The generated DTO doesn't have currency
-  // This will need to be added when the OpenAPI spec is updated
-  currency: string = 'USD';
-
   /** UI-specific: Formatted amount */
   get formattedAmount(): string {
-    return `${this.currency} ${this.amount.toFixed(2)}`;
+    return `€${this.amount.toFixed(2)}`; // Assuming EUR
   }
 
   /** UI-specific: Position display */
@@ -36,8 +33,38 @@ export class PrizeViewModel implements PrizeDto {
     }
   }
 
+  /** UI-specific: Type display */
+  get typeDisplay(): string {
+    switch (this.type) {
+      case 'cash': return 'Cash Prize';
+      case 'merchandise': return 'Merchandise';
+      case 'other': return 'Other';
+      default: return this.type;
+    }
+  }
+
+  /** UI-specific: Status display */
+  get statusDisplay(): string {
+    return this.awarded ? 'Awarded' : 'Available';
+  }
+
+  /** UI-specific: Status color */
+  get statusColor(): string {
+    return this.awarded ? 'green' : 'blue';
+  }
+
   /** UI-specific: Prize description */
   get prizeDescription(): string {
     return `${this.name} - ${this.formattedAmount}`;
   }
+
+  /** UI-specific: Formatted awarded date */
+  get formattedAwardedAt(): string {
+    return this.awardedAt ? this.awardedAt.toLocaleString() : 'Not awarded';
+  }
+
+  /** UI-specific: Formatted created date */
+  get formattedCreatedAt(): string {
+    return this.createdAt.toLocaleString();
+  }
 }