website refactor

apps/website/templates/SponsorCampaignsTemplate.tsx

@@ -27,10 +27,10 @@ export interface SponsorCampaignsViewData {
     leagueName: string;
     seasonName: string;
     tier: string;
-    pricing: { amount: number; currency: string };
-    metrics: { impressions: number };
-    seasonStartDate?: Date;
-    seasonEndDate?: Date;
+    formattedInvestment: string;
+    formattedImpressions: string;
+    formattedStartDate?: string;
+    formattedEndDate?: string;
   }>;
   stats: {
     total: number;
@@ -38,8 +38,8 @@ export interface SponsorCampaignsViewData {
     pending: number;
     approved: number;
     rejected: number;
-    totalInvestment: number;
-    totalImpressions: number;
+    formattedTotalInvestment: string;
+    formattedTotalImpressions: string;
   };
 }
 
@@ -80,13 +80,13 @@ export function SponsorCampaignsTemplate({
     },
     {
       label: 'Total Investment',
-      value: `$${viewData.stats.totalInvestment.toLocaleString()}`,
+      value: viewData.stats.formattedTotalInvestment,
       icon: BarChart3,
       variant: 'info',
     },
     {
       label: 'Total Impressions',
-      value: `${(viewData.stats.totalImpressions / 1000).toFixed(0)}k`,
+      value: viewData.stats.formattedTotalImpressions,
       icon: Eye,
       variant: 'default',
     },
@@ -153,10 +153,10 @@ export function SponsorCampaignsTemplate({
                   title={s.leagueName}
                   subtitle={s.seasonName}
                   tier={s.tier}
-                  investment={`$${s.pricing.amount.toLocaleString()}`}
-                  impressions={s.metrics.impressions.toLocaleString()}
-                  startDate={s.seasonStartDate ? new Date(s.seasonStartDate).toLocaleDateString() : undefined}
-                  endDate={s.seasonEndDate ? new Date(s.seasonEndDate).toLocaleDateString() : undefined}
+                  investment={s.formattedInvestment}
+                  impressions={s.formattedImpressions}
+                  startDate={s.formattedStartDate}
+                  endDate={s.formattedEndDate}
                 />
               );
             })}