magistr/frontend/react/student/WeekGrid.jsx

import {
    buildLessonChips,
    dayName,
    formatDate,
    groupLessonsByDate,
    toIsoDate,
    trimTime,
    weekDates
} from './student-service.js';

export function WeekGrid({ emptyMessage = 'Занятий нет', lessons = [], weekStart }) {
    const lessonsByDate = groupLessonsByDate(lessons);

    return (
        <section className="schedule" aria-live="polite">
            {weekDates(weekStart).map(date => (
                <DayCard
                    key={toIsoDate(date)}
                    date={date}
                    lessons={lessonsByDate.get(toIsoDate(date)) || []}
                    emptyMessage={emptyMessage}
                />
            ))}
        </section>
    );
}

function DayCard({ date, lessons, emptyMessage }) {
    return (
        <article className="day">
            <div className="day-head">
                <div className="day-name">{dayName(date)}</div>
                <div className="day-date">{formatDate(date)}</div>
            </div>
            <div className="lesson-list">
                {lessons.length > 0
                    ? lessons.map((lesson, index) => (
                        <LessonCard key={`${lesson.date}-${trimTime(lesson.startTime)}-${index}`} lesson={lesson} />
                    ))
                    : <div className="empty">{emptyMessage}</div>}
            </div>
        </article>
    );
}

function LessonCard({ lesson }) {
    return (
        <div className="lesson">
            <div className="lesson-time">{trimTime(lesson.startTime)} - {trimTime(lesson.endTime)}</div>
            <div className="lesson-title">{lesson.subjectName}</div>
            <div className="lesson-meta">
                {buildLessonChips(lesson).map((chip, index) => (
                    <span key={index} className="chip">{chip}</span>
                ))}
            </div>
        </div>
    );
}