website refactor

apps/website/app/teams/TeamsPageClient.tsx

@@ -1,43 +1,29 @@
 'use client';
 
-import type { TeamsPageDto } from '@/lib/page-queries/page-queries/TeamsPageQuery';
-import { TeamsPresenter } from '@/lib/presenters/TeamsPresenter';
-import type { TeamSummaryData } from '@/lib/view-data/TeamsViewData';
+import type { TeamsViewData } from '@/lib/view-data/TeamsViewData';
 import { TeamsTemplate } from '@/templates/TeamsTemplate';
 import { useRouter } from 'next/navigation';
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 
-interface TeamsPageClientProps {
-  pageDto: TeamsPageDto;
+interface TeamsPageClientProps extends TeamsViewData {
+  searchQuery?: string;
+  showCreateForm?: boolean;
+  onSearchChange?: (query: string) => void;
+  onShowCreateForm?: () => void;
+  onHideCreateForm?: () => void;
+  onTeamClick?: (teamId: string) => void;
+  onCreateSuccess?: (teamId: string) => void;
+  onBrowseTeams?: () => void;
+  onSkillLevelClick?: (level: string) => void;
 }
 
-export function TeamsPageClient({ pageDto }: TeamsPageClientProps) {
+export function TeamsPageClient({ teams }: TeamsPageClientProps) {
   const router = useRouter();
   
-  // Use presenter to create ViewData
-  const viewData = TeamsPresenter.createViewData(pageDto);
-  
-  // UI state
+  // UI state only (no business logic)
   const [searchQuery, setSearchQuery] = useState('');
   const [showCreateForm, setShowCreateForm] = useState(false);
   
-  // Filter teams based on search query
-  const filteredTeams = useMemo(() => {
-    if (!searchQuery) return viewData.teams;
-    
-    const query = searchQuery.toLowerCase();
-    return viewData.teams.filter((team: TeamSummaryData) =>
-      team.teamName.toLowerCase().includes(query) ||
-      team.leagueName.toLowerCase().includes(query)
-    );
-  }, [viewData.teams, searchQuery]);
-  
-  // Update viewData with filtered teams
-  const templateViewData = {
-    ...viewData,
-    teams: filteredTeams,
-  };
-  
   // Event handlers
   const handleSearchChange = (query: string) => {
     setSearchQuery(query);
@@ -76,7 +62,7 @@ export function TeamsPageClient({ pageDto }: TeamsPageClientProps) {
   
   return (
     <TeamsTemplate
-      teams={templateViewData.teams}
+      teams={teams}
       searchQuery={searchQuery}
       showCreateForm={showCreateForm}
       onSearchChange={handleSearchChange}