website refactor
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
export interface DriverProfileDriverSummaryViewModel {
|
||||
id: string;
|
||||
name: string;
|
||||
country: string;
|
||||
avatarUrl: string;
|
||||
iracingId: string | null;
|
||||
joinedAt: string;
|
||||
rating: number | null;
|
||||
globalRank: number | null;
|
||||
consistency: number | null;
|
||||
bio: string | null;
|
||||
totalDrivers: number | null;
|
||||
}
|
||||
@@ -1,87 +0,0 @@
|
||||
import type { TeamDetailPageDto } from '@/lib/page-queries/page-queries/TeamDetailPageQuery';
|
||||
import type { TeamDetailViewData, TeamDetailData, TeamMemberData, SponsorMetric, TeamTab } from '@/lib/view-data/TeamDetailViewData';
|
||||
import { Users, Zap, Calendar } from 'lucide-react';
|
||||
|
||||
/**
|
||||
* TeamDetailPresenter - Client-side presenter for team detail page
|
||||
* Transforms PageQuery DTO into ViewData for the template
|
||||
* Deterministic; no hooks; no side effects
|
||||
*/
|
||||
export class TeamDetailPresenter {
|
||||
static createViewData(pageDto: TeamDetailPageDto): TeamDetailViewData {
|
||||
const team: TeamDetailData = {
|
||||
id: pageDto.team.id,
|
||||
name: pageDto.team.name,
|
||||
tag: pageDto.team.tag,
|
||||
description: pageDto.team.description,
|
||||
ownerId: pageDto.team.ownerId,
|
||||
leagues: pageDto.team.leagues,
|
||||
createdAt: pageDto.team.createdAt,
|
||||
specialization: pageDto.team.specialization,
|
||||
region: pageDto.team.region,
|
||||
languages: pageDto.team.languages,
|
||||
category: pageDto.team.category,
|
||||
membership: pageDto.team.membership,
|
||||
canManage: pageDto.team.canManage,
|
||||
};
|
||||
|
||||
const memberships: TeamMemberData[] = pageDto.memberships.map(membership => ({
|
||||
driverId: membership.driverId,
|
||||
driverName: membership.driverName,
|
||||
role: membership.role,
|
||||
joinedAt: membership.joinedAt,
|
||||
isActive: membership.isActive,
|
||||
avatarUrl: membership.avatarUrl,
|
||||
}));
|
||||
|
||||
// Calculate isAdmin based on current driver's role
|
||||
const currentDriverMembership = memberships.find(m => m.driverId === pageDto.currentDriverId);
|
||||
const isAdmin = currentDriverMembership?.role === 'owner' || currentDriverMembership?.role === 'manager';
|
||||
|
||||
// Build sponsor metrics
|
||||
const leagueCount = team.leagues?.length ?? 0;
|
||||
const teamMetrics: SponsorMetric[] = [
|
||||
{
|
||||
icon: Users,
|
||||
label: 'Members',
|
||||
value: memberships.length,
|
||||
color: 'text-primary-blue',
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: 'Est. Reach',
|
||||
value: memberships.length * 15,
|
||||
color: 'text-purple-400',
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: 'Races',
|
||||
value: leagueCount,
|
||||
color: 'text-neon-aqua',
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: 'Engagement',
|
||||
value: '82%',
|
||||
color: 'text-performance-green',
|
||||
},
|
||||
];
|
||||
|
||||
// Build tabs
|
||||
const tabs: TeamTab[] = [
|
||||
{ id: 'overview', label: 'Overview', visible: true },
|
||||
{ id: 'roster', label: 'Roster', visible: true },
|
||||
{ id: 'standings', label: 'Standings', visible: true },
|
||||
{ id: 'admin', label: 'Admin', visible: isAdmin },
|
||||
];
|
||||
|
||||
return {
|
||||
team,
|
||||
memberships,
|
||||
currentDriverId: pageDto.currentDriverId,
|
||||
isAdmin,
|
||||
teamMetrics,
|
||||
tabs,
|
||||
};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user