feat: завершить миграцию фронтенда на React (этапы 1-5)
Админка, настройки, логин, кабинеты преподавателя и студента полностью переведены на React 19 (модель strangler, docs/REACT_MIGRATION.md). - 15 вкладок админки: lazy-загрузка, общий error boundary, сервисный слой - Удалены legacy-views и переходный слой LegacyTabView (45 файлов) - Сборка esbuild (frontend/scripts/build-react.mjs) с бюджетами gzip на чанки - CSP-хэши, кэширование: chunk'и immutable, CSS/HTML no-cache (react-cache.conf) - Фиксы: lazy-импорт именованных экспортов (краш после авторизации), растяжение #admin-root/#settings-root на всю ширину, возврат subjects/lessonTypes из справочников (краш просмотра расписаний), отказ от заведомо широкого поиска расписания без выбранной цели, центрирование карточки логина - Тесты: 237/237 (npm run check), регрессионные на lazy-вкладки и ширину - Документация: REACT_MIGRATION.md, REACT_MIGRATION_RESULT.md, FRONTEND.md
This commit is contained in:
58
frontend/react/student/WeekGrid.jsx
Normal file
58
frontend/react/student/WeekGrid.jsx
Normal file
@@ -0,0 +1,58 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user