diff --git a/app/(home)/components/EventCard.tsx b/app/(home)/components/EventCard.tsx index 6202be8..e6ba268 100644 --- a/app/(home)/components/EventCard.tsx +++ b/app/(home)/components/EventCard.tsx @@ -3,15 +3,28 @@ import { cn } from '@/lib/utils'; import CountdownTimer from './CountdownTimer'; import Link from 'next/link'; -interface Event { +export interface Event { title: string; - date: string; + date: string | string[]; location: string; variant: 'main' | 'regular'; // "main" for the featured event, "regular" for other events link: string; } export default function EventCard({ event }: { event: Event }) { + const getDisplayDate = (date: string | string[]) => { + if (Array.isArray(date)) { + if (date.length === 0) return ''; + if (date.length === 1) return date[0]; + return `${date[0]} - ${date[date.length - 1]}`; + } + return date; + }; + + const getFirstDateString = (date: string | string[]) => { + return Array.isArray(date) ? (date[0] ?? '') : date; + }; + return (
- {event.date}
{event.location} + {getDisplayDate(event.date)}
{event.location}

{event.variant === 'main' && (
)} diff --git a/app/(home)/components/UpcomingEvents.tsx b/app/(home)/components/UpcomingEvents.tsx index 12ef113..b143859 100644 --- a/app/(home)/components/UpcomingEvents.tsx +++ b/app/(home)/components/UpcomingEvents.tsx @@ -2,31 +2,17 @@ import { Container } from '@/components/ui/container'; import React from 'react'; import EventCard from './EventCard'; import CountdownTimer from './CountdownTimer'; +import { type Event } from './EventCard'; // import { Button } from '@/components/ui/button'; // import Link from 'next/link'; -interface Event { - title: string; - date: string; - location: string; - variant: 'main' | 'regular'; - link: string; -} - const EVENTS: Event[] = [ { title: 'PyCon Davao 2025', - date: 'October 25, 2025', + date: ['October 25, 2025', 'October 26, 2025'], location: 'Ateneo de Davao University', variant: 'main', - link: '', // TODO: Update Link - }, - { - title: 'PyCon Davao Sprint Day', - date: 'October 26, 2025', - location: 'TBA', - variant: 'regular', - link: '', // TODO: Update Link + link: 'https://techtix.durianpy.org/pycon-davao-2025', }, ]; @@ -43,7 +29,13 @@ const UpcomingEvents = () => { {/* Countdown Timer */}
- +
{/* Other events */}