138 lines
2.9 KiB
TypeScript
138 lines
2.9 KiB
TypeScript
/**
|
|
* Dashboard Display Objects
|
|
*
|
|
* Deterministic formatting for dashboard data without Intl.* or toLocale*
|
|
*/
|
|
|
|
export interface DashboardStatDisplayData {
|
|
icon: string;
|
|
color: string;
|
|
label: string;
|
|
}
|
|
|
|
export interface DashboardDateDisplayData {
|
|
date: string;
|
|
time: string;
|
|
relative: string;
|
|
}
|
|
|
|
/**
|
|
* Stat card display configurations
|
|
*/
|
|
export const dashboardStatDisplay = {
|
|
wins: {
|
|
icon: 'Trophy',
|
|
color: 'bg-performance-green/20 text-performance-green',
|
|
label: 'Wins',
|
|
},
|
|
podiums: {
|
|
icon: 'Medal',
|
|
color: 'bg-warning-amber/20 text-warning-amber',
|
|
label: 'Podiums',
|
|
},
|
|
consistency: {
|
|
icon: 'Target',
|
|
color: 'bg-primary-blue/20 text-primary-blue',
|
|
label: 'Consistency',
|
|
},
|
|
activeLeagues: {
|
|
icon: 'Users',
|
|
color: 'bg-purple-500/20 text-purple-400',
|
|
label: 'Active Leagues',
|
|
},
|
|
} as const;
|
|
|
|
/**
|
|
* Format date for display (deterministic, no Intl)
|
|
*/
|
|
export function formatDashboardDate(date: Date): DashboardDateDisplayData {
|
|
const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
|
|
const dayName = days[date.getDay()];
|
|
const month = months[date.getMonth()];
|
|
const day = date.getDate();
|
|
const year = date.getFullYear();
|
|
|
|
const hours = date.getHours().toString().padStart(2, '0');
|
|
const minutes = date.getMinutes().toString().padStart(2, '0');
|
|
|
|
// Calculate relative time (deterministic)
|
|
const now = new Date();
|
|
const diffMs = date.getTime() - now.getTime();
|
|
const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
|
|
const diffDays = Math.floor(diffHours / 24);
|
|
|
|
let relative: string;
|
|
if (diffHours < 0) {
|
|
relative = 'Past';
|
|
} else if (diffHours === 0) {
|
|
relative = 'Now';
|
|
} else if (diffHours < 24) {
|
|
relative = `${diffHours}h`;
|
|
} else {
|
|
relative = `${diffDays}d`;
|
|
}
|
|
|
|
return {
|
|
date: `${dayName}, ${month} ${day}, ${year}`,
|
|
time: `${hours}:${minutes}`,
|
|
relative,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Format rating for display
|
|
*/
|
|
export function formatRating(rating: number): string {
|
|
return rating.toFixed(1);
|
|
}
|
|
|
|
/**
|
|
* Format rank for display
|
|
*/
|
|
export function formatRank(rank: number): string {
|
|
return rank.toString();
|
|
}
|
|
|
|
/**
|
|
* Format consistency percentage
|
|
*/
|
|
export function formatConsistency(consistency: number): string {
|
|
return `${consistency}%`;
|
|
}
|
|
|
|
/**
|
|
* Format race count
|
|
*/
|
|
export function formatRaceCount(count: number): string {
|
|
return count.toString();
|
|
}
|
|
|
|
/**
|
|
* Format friend count
|
|
*/
|
|
export function formatFriendCount(count: number): string {
|
|
return count.toString();
|
|
}
|
|
|
|
/**
|
|
* Format league position
|
|
*/
|
|
export function formatLeaguePosition(position: number): string {
|
|
return `#${position}`;
|
|
}
|
|
|
|
/**
|
|
* Format points
|
|
*/
|
|
export function formatPoints(points: number): string {
|
|
return points.toString();
|
|
}
|
|
|
|
/**
|
|
* Format total drivers
|
|
*/
|
|
export function formatTotalDrivers(total: number): string {
|
|
return total.toString();
|
|
} |