- {liveEvents.length > 0 ? (
- renderEventItems(liveEvents, 'live')
- ) : (
-
-
-
- {title === 'Your schedule'
- ? 'No live events on your schedule'
- : 'No live events'}
-
-
- This is where you’ll see live events. Seems like there’s nothing
- going on at the moment!
-
-
- {title === 'Your schedule' ? (
-
- Add to your schedule
-
- ) : null}
-
+ {/*
*/}
+
+
+
+
+
+ {liveEvents.length > 0 ? (
+ renderEventItems(liveEvents, 'live')
+ ) : (
+
+
+
+ {title === 'Your schedule'
+ ? 'No live events on your schedule'
+ : 'No live events'}
+
+
+ This is where you’ll see live events. Seems like there’s
+ nothing going on at the moment!
+
+
+ {title === 'Your schedule' ? (
+
+ Add to your schedule
+
+ ) : null}
+
+
+ )}
- )}
-
- {upcomingGroups.length > 0 ? (
- upcomingGroups.map((group) => (
-
-
-
- {renderEventItems(group.entries, `upcoming-${group.startTime}`)}
+
+
+
+ {upcomingGroups.length > 0 ? (
+ upcomingGroups.map((group) => (
+
+
+
+ {renderEventItems(
+ group.entries,
+ `upcoming-${group.startTime}`
+ )}
+
+
+ ))
+ ) : (
+
+
+
+ {title === 'Your schedule'
+ ? 'No upcoming events on your schedule'
+ : 'No upcoming events'}
+
+
+ {title === 'Your schedule'
+ ? 'This is where you’ll see upcoming events. Seems like there’s nothing coming up! Take a look to see if there’s anything you want to check out.'
+ : 'This is where you’ll see upcoming events. Seems like there’s nothing coming up!'}
+
+
+ {title === 'Your schedule' ? (
+
+ Explore events
+
+ ) : null}
+
-
- ))
- ) : (
-
-
-
- {title === 'Your schedule'
- ? 'No upcoming events on your schedule'
- : 'No upcoming events'}
-
-
- {title === 'Your schedule'
- ? 'This is where you’ll see upcoming events. Seems like there’s nothing coming up! Take a look to see if there’s anything you want to check out.'
- : 'This is where you’ll see upcoming events. Seems like there’s nothing coming up!'}
-
-
- {title === 'Your schedule' ? (
-
- Explore events
-
- ) : null}
-
+ )}
- )}
+
);
}
@@ -198,19 +231,105 @@ function Panel({
export default function ScheduleSneakPeek({
className,
}: ScheduleSneakPeekProps) {
+ // TEMPORARY TEST DATA
+ // const mockLiveEvents: EventEntry[] = [
+ // {
+ // event: {
+ // _id: '680026b09d521a51759d7e83',
+ // name: 'GitHub Copilot Workshop',
+ // type: 'WORKSHOPS',
+ // start_time: new Date('2026-05-09T22:00:00.000Z'),
+ // end_time: new Date('2026-05-09T23:00:00.000Z'),
+ // host: 'Major League Hacking',
+ // tags: ['beginner', 'developer', 'pm'],
+ // location: 'ARC Ballroom A',
+ // },
+ // attendeeCount: 42,
+ // inPersonalSchedule: false,
+ // },
+ // {
+ // event: {
+ // _id: '67f7a5de3eaf1040a69ac6ad',
+ // name: 'Bracelet Making',
+ // type: 'ACTIVITIES',
+ // start_time: new Date('2026-05-09T22:30:00.000Z'),
+ // end_time: new Date('2026-05-10T00:30:00.000Z'),
+ // host: undefined,
+ // tags: [],
+ // location: 'North Wing',
+ // },
+ // attendeeCount: 28,
+ // inPersonalSchedule: false,
+ // },
+ // ];
+
+ // const mockUpcomingEvents: EventEntry[] = [
+ // {
+ // event: {
+ // _id: '67f7a60f3eaf1040a69ac6ae',
+ // name: 'Therapy Dogs',
+ // type: 'ACTIVITIES',
+ // start_time: new Date('2026-05-09T22:30:00.000Z'),
+ // end_time: new Date('2026-05-10T00:00:00.000Z'),
+ // host: undefined,
+ // tags: [],
+ // location: 'South Wing',
+ // },
+ // attendeeCount: 85,
+ // inPersonalSchedule: false,
+ // },
+ // {
+ // event: {
+ // _id: '680027589d521a51759d7e86',
+ // name: 'Tech Together Meetup',
+ // type: 'WORKSHOPS',
+ // start_time: new Date('2026-05-09T23:00:00.000Z'),
+ // end_time: new Date('2026-05-10T00:00:00.000Z'),
+ // host: 'Major League Hacking',
+ // tags: ['beginner', 'developer', 'pm', 'designer', 'other'],
+ // location: 'ARC Ballroom A',
+ // },
+ // attendeeCount: 64,
+ // inPersonalSchedule: false,
+ // },
+ // {
+ // event: {
+ // _id: '680028219d521a51759d7e8a',
+ // name: 'Intro to UI/UX',
+ // type: 'WORKSHOPS',
+ // start_time: new Date('2026-05-09T23:00:00.000Z'),
+ // end_time: new Date('2026-05-10T00:00:00.000Z'),
+ // host: 'Design Interactive',
+ // tags: ['beginner', 'designer'],
+ // location: 'ARC Ballroom B',
+ // },
+ // attendeeCount: 37,
+ // inPersonalSchedule: false,
+ // },
+ // ];
+
+ // // Use mock data temporarily for testing
+ // const liveAll = mockLiveEvents;
+ // const upcomingAll = mockUpcomingEvents;
+ // // const livePersonal: EventEntry[] = [];
+ // // const upcomingPersonal: EventEntry[] = [];
+
+ // const addToPersonalSchedule = async () => true;
+ // const removeFromPersonalSchedule = async () => true;
const {
liveAll,
upcomingAll,
- livePersonal,
- upcomingPersonal,
addToPersonalSchedule,
removeFromPersonalSchedule,
} = useScheduleSneakPeekData();
return (
-
-
-
+
*/}
-
+ {/*
*/}
-
diff --git a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
index 8af40bf9..b944df8d 100644
--- a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
+++ b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
@@ -53,14 +53,14 @@ export default function Countdown({
fontStyle: 'normal',
fontWeight: 500,
lineHeight: 'normal',
- letterSpacing: '4.601px',
+ letterSpacing: '0px',
textShadow: '0 0 31.729px rgba(255, 255, 255, 0.30)',
};
return (
{/* BIG TIMER */}
-
+
{timeLeft.hours.toString().padStart(2, '0')}
diff --git a/app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx b/app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx
index 7ae20fa1..faa47248 100644
--- a/app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx
+++ b/app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import Image from 'next/image';
import Event, { EventTag, EventType } from '@typeDefs/event';
-import { Button } from '@pages/_globals/components/ui/button';
+// import { Button } from '@pages/_globals/components/ui/button';
import { SCHEDULE_EVENT_STYLES } from './scheduleEventStyles';
import { formatScheduleTimeRange } from './scheduleTime';
@@ -28,13 +28,13 @@ const isEventType = (value: string): value is EventType => {
export function CalendarItem({
event,
attendeeCount,
- inPersonalSchedule = false,
- hideAddButton = false,
- disableAddButton = false,
+ // inPersonalSchedule = false,
+ // hideAddButton = false,
+ // disableAddButton = false,
+ // onAddToSchedule,
+ // onRemoveFromSchedule,
tags,
host,
- onAddToSchedule,
- onRemoveFromSchedule,
}: CalendarItemProps) {
const { name, type, location, start_time, end_time } = event;
// Use originalType when present, but guard against unexpected values.
@@ -44,9 +44,9 @@ export function CalendarItem({
? normalizedType
: 'GENERAL';
const eventStyle = SCHEDULE_EVENT_STYLES[displayType];
- const actionIconPath = inPersonalSchedule
- ? '/icons/check.svg'
- : '/icons/plus.svg';
+ // const actionIconPath = inPersonalSchedule
+ // ? '/icons/check.svg'
+ // : '/icons/plus.svg';
// Handle different time display scenarios
const timeDisplay = formatScheduleTimeRange(
@@ -56,66 +56,67 @@ export function CalendarItem({
return (
-
-
-
-
- {name}
-
-
-
- {timeDisplay}
- {displayType === 'MEALS' && ' (Subject to change)'}
+
+ {/* Name and Host in two columns */}
+
+
+ {name}
+
+ {displayType !== 'GENERAL' && displayType !== 'MEALS' && host && (
+
+
+ {host.toUpperCase()}
- {location && (
-
-
- {location}
-
-
- )}
- {tags && tags.length > 0 && (
-
- {tags.map((tag) => (
-
-
- {tag.toUpperCase()}
-
-
- ))}
-
- )}
-
- {displayType !== 'GENERAL' && displayType !== 'MEALS' && (
-
- {host && (
-
- {host.toUpperCase()}
-
- )}
+ )}
+
+
+ {/* Time, Location, Tags below */}
+
+
+ {timeDisplay}
+ {displayType === 'MEALS' && ' (Subject to change)'}
+
+ {location && (
+
+
+ {location}
+
)}
+ {tags && tags.length > 0 && (
+
+ {tags.map((tag) => (
+
+
+ {tag.toUpperCase()}
+
+
+ ))}
+
+ )}
+
+ {/* Attendee count */}
{displayType !== 'GENERAL' && displayType !== 'MEALS' && (
{(displayType === 'WORKSHOPS' || displayType === 'ACTIVITIES') && (
@@ -131,54 +132,13 @@ export function CalendarItem({
-
+
{`${attendeeCount ?? ''} Hacker${
attendeeCount && attendeeCount < 2 ? ' is' : 's are'
} attending`}
)}
-
- {!hideAddButton && (
-
-
-
-
-
-
- )}