87 lines
2.7 KiB
TypeScript
87 lines
2.7 KiB
TypeScript
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,
|
|
};
|
|
}
|
|
} |