website refactor

apps/website/app/teams/page.tsx

@@ -1,97 +1,22 @@
-import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import TeamsTemplate from '@/templates/TeamsTemplate';
-import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
-import { TeamService } from '@/lib/services/teams/TeamService';
-import { TeamsApiClient } from '@/lib/api/teams/TeamsApiClient';
-import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
-import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
-import { getWebsiteApiBaseUrl } from '@/lib/config/apiBaseUrl';
 import { notFound } from 'next/navigation';
-import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
-
-// Helper to compute derived data for SSR
-function computeDerivedData(teams: TeamSummaryViewModel[]) {
-  // Group teams by performance level (skill level)
-  const teamsByLevel = teams.reduce((acc, team) => {
-    const level = team.performanceLevel || 'intermediate';
-    if (!acc[level]) {
-      acc[level] = [];
-    }
-    acc[level].push(team);
-    return acc;
-  }, {} as Record<string, TeamSummaryViewModel[]>);
-
-  // Get top teams (by rating, descending)
-  const topTeams = [...teams]
-    .filter(t => t.rating !== undefined)
-    .sort((a, b) => (b.rating || 0) - (a.rating || 0))
-    .slice(0, 5);
-
-  // Count recruiting teams
-  const recruitingCount = teams.filter(t => t.isRecruiting).length;
-
-  // For SSR, filtered teams = all teams (no search filter applied server-side)
-  const filteredTeams = teams;
-
-  return {
-    teamsByLevel,
-    topTeams,
-    recruitingCount,
-    filteredTeams,
-  };
-}
-
-// Template wrapper for SSR
-function TeamsTemplateWrapper({ data }: { data: TeamSummaryViewModel[] }) {
-  const derived = computeDerivedData(data);
-  
-  // Provide default values for SSR
-  // The template will handle client-side state management
-  return (
-    <TeamsTemplate
-      teams={data}
-      isLoading={false}
-      searchQuery=""
-      showCreateForm={false}
-      teamsByLevel={derived.teamsByLevel}
-      topTeams={derived.topTeams}
-      recruitingCount={derived.recruitingCount}
-      filteredTeams={derived.filteredTeams}
-      // No-op handlers for SSR (client will override)
-      onSearchChange={() => {}}
-      onShowCreateForm={() => {}}
-      onHideCreateForm={() => {}}
-      onTeamClick={() => {}}
-      onCreateSuccess={() => {}}
-      onBrowseTeams={() => {}}
-      onSkillLevelClick={() => {}}
-    />
-  );
-}
+import { TeamsPageQuery } from '@/lib/page-queries/TeamsPageQuery';
+import TeamsPageClient from './TeamsPageClient';
 
 export default async function Page() {
-  const data = await PageDataFetcher.fetchManual(async () => {
-    // Manual dependency creation
-    const baseUrl = getWebsiteApiBaseUrl();
-    const logger = new ConsoleLogger();
-    const errorReporter = new EnhancedErrorReporter(logger, {
-      showUserNotifications: true,
-      logToConsole: true,
-      reportToExternal: process.env.NODE_ENV === 'production',
-    });
+  const result = await TeamsPageQuery.execute();
 
-    // Create API client
-    const teamsApiClient = new TeamsApiClient(baseUrl, errorReporter, logger);
-
-    // Create service
-    const service = new TeamService(teamsApiClient);
-    
-    return await service.getAllTeams();
-  });
-
-  if (!data) {
-    notFound();
+  switch (result.status) {
+    case 'ok':
+      return <TeamsPageClient pageDto={result.dto} />;
+    case 'notFound':
+      notFound();
+    case 'redirect':
+      // This would typically use redirect() from next/navigation
+      // but we need to handle it at the page level
+      return null;
+    case 'error':
+      // For now, treat errors as not found
+      // In production, you might want a proper error page
+      notFound();
   }
-
-  return <PageWrapper data={data} Template={TeamsTemplateWrapper} />;
 }