import { motion } from 'framer-motion'; import { Calendar, Clock, MapPin, Users } from 'lucide-react'; import { schedules } from '../../data/dummy'; function Schedule() { // 스케줄을 날짜별로 그룹핑 const groupedSchedules = schedules.reduce((acc, schedule) => { const date = schedule.date; if (!acc[date]) { acc[date] = []; } acc[date].push(schedule); return acc; }, {}); const formatDate = (dateStr) => { const date = new Date(dateStr); const days = ['일', '월', '화', '수', '목', '금', '토']; return { month: date.getMonth() + 1, day: date.getDate(), weekday: days[date.getDay()], }; }; return (
{/* 헤더 */}
스케줄 프로미스나인의 다가오는 일정을 확인하세요
{/* 스케줄 타임라인 */}
{Object.entries(groupedSchedules).map(([date, daySchedules], groupIndex) => { const formatted = formatDate(date); return ( {/* 타임라인 라인 */}
{/* 날짜 원 */}
{formatted.month}월 {formatted.day}
{formatted.weekday}
{/* 스케줄 카드들 */}
{daySchedules.map((schedule, index) => (

{schedule.title}

{schedule.time}
{schedule.platform}
{schedule.members.join(', ')}
))}
); })}
{/* 빈 스케줄 메시지 (스케줄이 없을 때) */} {Object.keys(groupedSchedules).length === 0 && (

예정된 스케줄이 없습니다.

)} {/* 안내 */}

스케줄은 DC Inside 갤러리에서 자동으로 수집됩니다.

일정은 변경될 수 있으니 공식 채널을 확인해 주세요.

); } export default Schedule;