AfonsoCMSousa/ACPlayer_Webpage
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: FINNALY FIXED AND COMPILABLE

Browse Source
This commit is contained in:
AfonsoCMSousa
2026-06-24 11:37:56 +01:00
parent e9555c9f74
commit 426c1c50a0
13 changed files with 56 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/events/[event_id]/page.tsx
+18 -17
View File
@@ -2,15 +2,15 @@
// Event detail page with registration form
import { query } from '@/lib/db';
import { Event, EventRegistration } from '@/types/racing';
import { EventWithRegistrations, EventRegistrationWithDriver } from '@/types/racing';
import { notFound } from 'next/navigation';
import { TrophyIcon, MapPinIcon, UsersIcon, ClockIcon, CalendarIcon } from '@/components/ui/icons';
import EventRegistrationForm from '@/components/events/EventRegistrationForm';
import EventResultClient from '@/components/events/EventResultsClient';
import EventResultsClient, { TeamStanding } from '@/components/events/EventResultsClient';
export const dynamic = "force-dynamic";
async function getEventResults(eventId: number) {
async function getEventResults(eventId: number): Promise<{ event: Event | null; standings: TeamStanding[] }> {
if (eventId == undefined) {
return { event: null, standings: [] };
@@ -27,7 +27,7 @@ async function getEventResults(eventId: number) {
WHERE event_id = $1
`;
const events = await query(eventSql, [String(eventId)]);
const event = events[0];
const event = (events[0] as Event) ?? null;
// Get team standings with driver details
const standingsSql = `
@@ -58,11 +58,11 @@ async function getEventResults(eventId: number) {
const standings = await query(standingsSql, [eventId]);
return { event, standings };
return { event, standings: standings as TeamStanding[] };
}
async function getEvent(eventId: number): Promise<Event | null> {
async function getEvent(eventId: number): Promise<EventWithRegistrations | null> {
const sql = `
SELECT e.*, COUNT(er.registration_id) as registrations_count
FROM events e
@@ -72,10 +72,10 @@ async function getEvent(eventId: number): Promise<Event | null> {
`;
const rows = await query(sql, [eventId]);
return rows.length > 0 ? rows[0] as Event : null;
return rows.length > 0 ? rows[0] as EventWithRegistrations : null;
}
async function getEventRegistrations(eventId: number): Promise<EventRegistration[]> {
async function getEventRegistrations(eventId: number): Promise<EventRegistrationWithDriver[]> {
const sql = `
SELECT
er.*,
@@ -87,7 +87,7 @@ async function getEventRegistrations(eventId: number): Promise<EventRegistration
`;
const rows = await query(sql, [eventId]);
return rows as EventRegistration[];
return rows as EventRegistrationWithDriver[];
}
function formatDate(date: Date): string {
@@ -104,19 +104,20 @@ function formatDate(date: Date): string {
export default async function EventDetailPage({
params,
}: {
params: Promise<{ event_id: number }>;
params: Promise<{ event_id: string }>;
}) {
const { event_id } = await params;
const event: unknown = await getEvent(event_id);
const eventId = parseInt(event_id, 10);
const event = await getEvent(eventId);
if (!event) {
notFound();
}
const registrations = await getEventRegistrations(event_id);
const registrations = await getEventRegistrations(eventId);
// Fetch initial event results/standings
const { standings } = await getEventResults(event_id);
const { standings } = await getEventResults(eventId);
const isOpen = event.event_status === 'OPEN';
@@ -176,8 +177,8 @@ export default async function EventDetailPage({
{event.event_status === 'CLOSED' && !isFull && !deadlinePassed && 'Registration is closed for this event.'}
</p>
<div className="mt-6">
<EventResultClient
eventId={event_id}
<EventResultsClient
eventId={eventId}
initialStandings={standings}
/>
</div>
@@ -205,11 +206,11 @@ export default async function EventDetailPage({
{registrations.length === 0 ? (
<p className="text-white/40 text-sm">No registrations yet</p>
) : (
registrations.map((reg: unknown, index: number) => (
registrations.map((reg, index) => (
<div key={reg.registration_id} className="border border-white/10 p-3">
<div className="flex items-start justify-between mb-2">
<div className="flex items-center space-x-2">
<span className="text-xs font-bold text-white/40">
<span className="text-xs font-bold text-white/41">
#{String(index + 1).padStart(2, '0')}
</span>
<span className="font-semibold text-sm">{reg.driver_name}</span>
app/events/[event_id]/results/page.tsx
+9 -8
View File
@@ -4,10 +4,11 @@
import { query } from '@/lib/db';
import Link from 'next/link';
import EventResultsClient from '@/components/events/EventResultsClient';
import { Event } from '@/types/racing';
export const dynamic = "force-dynamic";
async function getEventResults(eventId: number) {
async function getEventResults(eventId: string) {
if (eventId == undefined) {
return { event: null, standings: [] };
@@ -23,8 +24,8 @@ async function getEventResults(eventId: number) {
FROM events
WHERE event_id = $1
`;
const events = await query(eventSql, [String(eventId)]);
const event = events[0];
const events = await query(eventSql, [eventId]);
const event = (events[0] as Event) ?? null;
// Get team standings with driver details
const standingsSql = `
@@ -55,20 +56,20 @@ async function getEventResults(eventId: number) {
const standings = await query(standingsSql, [eventId]);
return { event, standings };
return { event, standings: standings as any[] };
}
export default async function EventResultsPage({
params,
}: {
params: Promise<{ event_id: number }>;
params: Promise<{ event_id: string }>;
}) {
const { event_id } = await params;
const { event_id } = await params;
const eventId = parseInt(event_id, 10);
console.log('Fetching results for event ID:', event_id);
const { event, standings } = await getEventResults(event_id);
if (!event) {
return (
<div className="max-w-7xl mx-auto px-6 py-16">
@@ -110,7 +111,7 @@ export default async function EventResultsPage({
{/* Team Championship Standings */}
<div className="max-w-7xl mx-auto px-6 py-12">
<EventResultsClient
eventId={event_id}
eventId={eventId}
initialStandings={standings}
/>
app/events/page.tsx
+4 -4
View File
@@ -2,13 +2,13 @@
// Events listing page
import { query } from '@/lib/db';
import { Event } from '@/types/racing';
import { EventWithRegistrations } from '@/types/racing';
import Link from 'next/link';
import Image from "next/image";
import { TrophyIcon, UsersIcon, MapPinIcon, ClockIcon, CalendarIcon } from '@/components/ui/icons';
export const dynamic = "force-dynamic";
async function getEvents(): Promise<Event[]> {
async function getEvents(): Promise<EventWithRegistrations[]> {
const sql = `
SELECT
e.*,
@@ -21,7 +21,7 @@ async function getEvents(): Promise<Event[]> {
`;
const rows = await query(sql);
return rows as Event[];
return rows as EventWithRegistrations[];
}
function formatDate(date: Date): string {
@@ -67,7 +67,7 @@ export default async function EventsPage() {
<p className="text-white/20 text-sm mt-2">Check back soon for new racing events</p>
</div>
) : (
events.map((event: unknown) => {
events.map((event) => {
const isOpen = event.event_status === 'OPEN';
const isFull = event.registrations_count >= event.max_participants;
const deadlinePassed = event.registration_deadline && new Date(event.registration_deadline) < new Date();