71 lines
2.5 KiB
TypeScript
71 lines
2.5 KiB
TypeScript
import { PageWrapper } from '@/components/shared/state/PageWrapper';
|
|
import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
|
|
import { DRIVER_SERVICE_TOKEN, TEAM_SERVICE_TOKEN } from '@/lib/di/tokens';
|
|
import { DriverService } from '@/lib/services/drivers/DriverService';
|
|
import { TeamService } from '@/lib/services/teams/TeamService';
|
|
import { Trophy } from 'lucide-react';
|
|
import { redirect } from 'next/navigation';
|
|
import type { DriverLeaderboardViewModel } from '@/lib/view-models/DriverLeaderboardViewModel';
|
|
import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
|
|
import { LeaderboardsPageWrapper } from './LeaderboardsPageWrapper';
|
|
|
|
// ============================================================================
|
|
// TYPES
|
|
// ============================================================================
|
|
|
|
interface LeaderboardsPageData {
|
|
drivers: DriverLeaderboardViewModel | null;
|
|
teams: TeamSummaryViewModel[] | null;
|
|
}
|
|
|
|
// ============================================================================
|
|
// MAIN PAGE COMPONENT
|
|
// ============================================================================
|
|
|
|
export default async function LeaderboardsPage() {
|
|
// Fetch data using PageDataFetcher with proper type annotations
|
|
const [driverData, teamsData] = await Promise.all([
|
|
PageDataFetcher.fetch<DriverService, 'getDriverLeaderboard'>(
|
|
DRIVER_SERVICE_TOKEN,
|
|
'getDriverLeaderboard'
|
|
),
|
|
PageDataFetcher.fetch<TeamService, 'getAllTeams'>(
|
|
TEAM_SERVICE_TOKEN,
|
|
'getAllTeams'
|
|
),
|
|
]);
|
|
|
|
// Prepare data for template
|
|
const data: LeaderboardsPageData = {
|
|
drivers: driverData,
|
|
teams: teamsData,
|
|
};
|
|
|
|
const hasData = (driverData?.drivers?.length ?? 0) > 0 || (teamsData?.length ?? 0) > 0;
|
|
|
|
// Handle loading state (should be fast since we're using async/await)
|
|
const isLoading = false;
|
|
const error = null;
|
|
const retry = async () => {
|
|
// In server components, we can't retry without a reload
|
|
// This would typically trigger a page reload
|
|
redirect('/leaderboards');
|
|
};
|
|
|
|
return (
|
|
<PageWrapper
|
|
data={hasData ? data : null}
|
|
isLoading={isLoading}
|
|
error={error}
|
|
retry={retry}
|
|
Template={LeaderboardsPageWrapper}
|
|
loading={{ variant: 'full-screen', message: 'Loading leaderboards...' }}
|
|
errorConfig={{ variant: 'full-screen' }}
|
|
empty={{
|
|
icon: Trophy,
|
|
title: 'No leaderboard data',
|
|
description: 'There is no leaderboard data available at the moment.',
|
|
}}
|
|
/>
|
|
);
|
|
} |