website refactor

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

@@ -1,5 +1,7 @@
 import type { SponsorDashboardDTO } from '@/lib/types/generated/SponsorDashboardDTO';
 import type { SponsorDashboardViewData } from '@/lib/view-data/SponsorDashboardViewData';
+import { CurrencyDisplay } from '@/lib/display-objects/CurrencyDisplay';
+import { NumberDisplay } from '@/lib/display-objects/NumberDisplay';
 
 /**
  * Sponsor Dashboard ViewData Builder
@@ -9,26 +11,28 @@ import type { SponsorDashboardViewData } from '@/lib/view-data/SponsorDashboardV
  */
 export class SponsorDashboardViewDataBuilder {
   static build(apiDto: SponsorDashboardDTO): SponsorDashboardViewData {
+    const totalInvestmentValue = apiDto.investment.activeSponsorships * 1000;
+
     return {
       sponsorName: apiDto.sponsorName,
-      totalImpressions: apiDto.metrics.impressions.toString(),
-      totalInvestment: `$${apiDto.investment.activeSponsorships * 1000}`, // Mock calculation
+      totalImpressions: NumberDisplay.format(apiDto.metrics.impressions),
+      totalInvestment: CurrencyDisplay.format(totalInvestmentValue),
       metrics: {
         impressionsChange: apiDto.metrics.impressions > 1000 ? 15 : -5,
         viewersChange: 8,
         exposureChange: 12,
       },
       categoryData: {
-        leagues: { count: 2, impressions: 1500 },
-        teams: { count: 1, impressions: 800 },
-        drivers: { count: 3, impressions: 2200 },
-        races: { count: 1, impressions: 500 },
-        platform: { count: 0, impressions: 0 },
+        leagues: { count: 2, countLabel: '2 active', impressions: 1500, impressionsLabel: '1,500' },
+        teams: { count: 1, countLabel: '1 active', impressions: 800, impressionsLabel: '800' },
+        drivers: { count: 3, countLabel: '3 active', impressions: 2200, impressionsLabel: '2,200' },
+        races: { count: 1, countLabel: '1 active', impressions: 500, impressionsLabel: '500' },
+        platform: { count: 0, countLabel: '0 active', impressions: 0, impressionsLabel: '0' },
       },
       sponsorships: apiDto.sponsorships,
       activeSponsorships: apiDto.investment.activeSponsorships,
-      formattedTotalInvestment: `$${apiDto.investment.activeSponsorships * 1000}`,
-      costPerThousandViews: '$50',
+      formattedTotalInvestment: CurrencyDisplay.format(totalInvestmentValue),
+      costPerThousandViews: CurrencyDisplay.format(50),
       upcomingRenewals: [], // Mock empty for now
       recentActivity: [], // Mock empty for now
     };