mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

api client refactor

Browse Source
This commit is contained in:
Marc Mintel
2025-12-17 18:01:47 +01:00
parent bab55955e1
commit 4177644b18
190 changed files with 6403 additions and 1624 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
apps/website/app/drivers/page.tsx
View File

@@ -27,15 +27,11 @@ import Button from '@/components/ui/Button';
import Input from '@/components/ui/Input';
import Card from '@/components/ui/Card';
import Heading from '@/components/ui/Heading';
import { DriversLeaderboardPresenter } from '@/lib/presenters/DriversLeaderboardPresenter';
import type { DriverLeaderboardItemViewModel, SkillLevel } from '@core/racing/application/presenters/IDriversLeaderboardPresenter';
import { getDriverLeaderboard } from '@/lib/services/drivers/DriverService';
import type { DriverLeaderboardViewModel } from '@/lib/view-models';
import Image from 'next/image';
// ============================================================================
// TYPES
// ============================================================================
type DriverListItem = DriverLeaderboardItemViewModel;
import type { DriverLeaderboardItemViewModel } from '@/lib/view-models/DriverLeaderboardItemViewModel';
// ============================================================================
// DEMO DATA
@@ -50,7 +46,7 @@ type DriverListItem = DriverLeaderboardItemViewModel;
// ============================================================================
const SKILL_LEVELS: {
id: SkillLevel;
id: string;
label: string;
icon: React.ElementType;
color: string;
@@ -69,7 +65,7 @@ const SKILL_LEVELS: {
// ============================================================================
interface FeaturedDriverCardProps {
driver: DriverListItem;
driver: DriverLeaderboardItemViewModel;
position: number;
onClick: () => void;
}
@@ -118,7 +114,7 @@ function FeaturedDriverCard({ driver, position, onClick }: FeaturedDriverCardPro
{/* Avatar & Name */}
<div className="flex items-center gap-4 mb-4">
<div className="relative w-16 h-16 rounded-full overflow-hidden border-2 border-charcoal-outline group-hover:border-primary-blue transition-colors">
<Image src={driver.avatarUrl} alt={driver.name} fill className="object-cover" />
<Image src={driver.avatarUrl || '/avatars/default.png'} alt={driver.name} fill className="object-cover" />
</div>
<div>
<h3 className="text-lg font-semibold text-white group-hover:text-primary-blue transition-colors">
@@ -155,7 +151,7 @@ function FeaturedDriverCard({ driver, position, onClick }: FeaturedDriverCardPro
// ============================================================================
interface SkillDistributionProps {
drivers: DriverListItem[];
drivers: DriverLeaderboardItemViewModel[];
}
function SkillDistribution({ drivers }: SkillDistributionProps) {
@@ -217,7 +213,7 @@ function SkillDistribution({ drivers }: SkillDistributionProps) {
// ============================================================================
interface LeaderboardPreviewProps {
drivers: DriverListItem[];
drivers: DriverLeaderboardItemViewModel[];
onDriverClick: (id: string) => void;
}
@@ -286,7 +282,7 @@ function LeaderboardPreview({ drivers, onDriverClick }: LeaderboardPreviewProps)
{/* Avatar */}
<div className="relative w-9 h-9 rounded-full overflow-hidden border-2 border-charcoal-outline">
<Image src={driver.avatarUrl} alt={driver.name} fill className="object-cover" />
<Image src={driver.avatarUrl || '/avatars/default.png'} alt={driver.name} fill className="object-cover" />
</div>
{/* Info */}
@@ -326,7 +322,7 @@ function LeaderboardPreview({ drivers, onDriverClick }: LeaderboardPreviewProps)
// ============================================================================
interface RecentActivityProps {
drivers: DriverListItem[];
drivers: DriverLeaderboardItemViewModel[];
onDriverClick: (id: string) => void;
}
@@ -356,7 +352,7 @@ function RecentActivity({ drivers, onDriverClick }: RecentActivityProps) {
className="p-3 rounded-xl bg-iron-gray/40 border border-charcoal-outline hover:border-performance-green/40 transition-all group text-center"
>
<div className="relative w-12 h-12 mx-auto rounded-full overflow-hidden border-2 border-charcoal-outline mb-2">
<Image src={driver.avatarUrl} alt={driver.name} fill className="object-cover" />
<Image src={driver.avatarUrl || '/avatars/default.png'} alt={driver.name} fill className="object-cover" />
<div className="absolute bottom-0 right-0 w-3 h-3 rounded-full bg-performance-green border-2 border-iron-gray" />
</div>
<p className="text-sm font-medium text-white truncate group-hover:text-performance-green transition-colors">
@@ -377,7 +373,8 @@ function RecentActivity({ drivers, onDriverClick }: RecentActivityProps) {
export default function DriversPage() {
const router = useRouter();
const [drivers, setDrivers] = useState<DriverListItem[]>([]);
const [drivers, setDrivers] = useState<DriverLeaderboardItemViewModel[]>([]);
const [viewModel, setViewModel] = useState<DriverLeaderboardViewModel | null>(null);
const [loading, setLoading] = useState(true);
const [searchQuery, setSearchQuery] = useState('');
const [totalRaces, setTotalRaces] = useState(0);
@@ -386,17 +383,12 @@ export default function DriversPage() {
useEffect(() => {
const load = async () => {
const useCase = getGetDriversLeaderboardUseCase();
const presenter = new DriversLeaderboardPresenter();
await useCase.execute(undefined as void, presenter);
const viewModel = presenter.getViewModel();
if (viewModel) {
setDrivers(viewModel.drivers);
setTotalRaces(viewModel.totalRaces);
setTotalWins(viewModel.totalWins);
setActiveCount(viewModel.activeCount);
}
const vm = await getDriverLeaderboard();
setViewModel(vm);
setDrivers(vm.drivers);
setTotalRaces(vm.totalRaces);
setTotalWins(vm.totalWins);
setActiveCount(vm.activeCount);
setLoading(false);
};