website refactor

apps/website/lib/builders/view-data/LeagueWalletViewDataBuilder.ts

@@ -1,13 +1,15 @@
 import { LeagueWalletViewData, LeagueWalletTransactionViewData } from '@/lib/view-data/leagues/LeagueWalletViewData';
 import { LeagueWalletApiDto } from '@/lib/types/tbd/LeagueWalletApiDto';
+import { CurrencyDisplay } from '@/lib/display-objects/CurrencyDisplay';
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 
 export class LeagueWalletViewDataBuilder {
   static build(apiDto: LeagueWalletApiDto): LeagueWalletViewData {
     const transactions: LeagueWalletTransactionViewData[] = apiDto.transactions.map(t => ({
       ...t,
-      formattedAmount: `${t.amount} ${apiDto.currency}`,
+      formattedAmount: CurrencyDisplay.format(t.amount, apiDto.currency),
       amountColor: t.amount >= 0 ? 'green' : 'red',
-      formattedDate: new Date(t.createdAt).toLocaleDateString(),
+      formattedDate: DateDisplay.formatShort(t.createdAt),
       statusColor: t.status === 'completed' ? 'green' : t.status === 'pending' ? 'yellow' : 'red',
       typeColor: 'blue',
     }));
@@ -15,13 +17,13 @@ export class LeagueWalletViewDataBuilder {
     return {
       leagueId: apiDto.leagueId,
       balance: apiDto.balance,
-      formattedBalance: `${apiDto.balance} ${apiDto.currency}`,
+      formattedBalance: CurrencyDisplay.format(apiDto.balance, apiDto.currency),
       totalRevenue: apiDto.balance, // Mock
-      formattedTotalRevenue: `${apiDto.balance} ${apiDto.currency}`,
+      formattedTotalRevenue: CurrencyDisplay.format(apiDto.balance, apiDto.currency),
       totalFees: 0, // Mock
-      formattedTotalFees: `0 ${apiDto.currency}`,
+      formattedTotalFees: CurrencyDisplay.format(0, apiDto.currency),
       pendingPayouts: 0, // Mock
-      formattedPendingPayouts: `0 ${apiDto.currency}`,
+      formattedPendingPayouts: CurrencyDisplay.format(0, apiDto.currency),
       currency: apiDto.currency,
       transactions,
     };