DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ARRAY.FROM PAIN

Browse Source
This commit is contained in:
Derek Chen
2024-02-09 17:07:21 -06:00
parent d44f5216f8
commit c44fd014e9
1 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/components/common/CalendarGrid/CalendarGrid.tsx
View File

@@ -5,11 +5,23 @@ import { DAY_MAP } from 'src/shared/types/CourseMeeting';
const daysOfWeek = Object.keys(DAY_MAP).filter(key => !['SAT', 'SUN'].includes(key)); const daysOfWeek = Object.keys(DAY_MAP).filter(key => !['SAT', 'SUN'].includes(key));
const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8); const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
const grid = Array.from({ length: 5 }, () => const grid = Array.from({ length: 6 }, (_, rowIndex) => {
Array.from({ length: 13 }, (_, columnIndex) => ( let index = 0;
<CalendarCell key={columnIndex} /> return Array.from({ length: 13 }, (_, columnIndex) => {
)) if (columnIndex == 0) {
); index += 1;
return (
<div key={columnIndex} className={styles.timeBlock}>
<div className={styles.timeLabelContainer}>
<p>{hoursOfDay[index - 1]}</p>
</div>
</div>
);
} else {
return <CalendarCell key={columnIndex} />;
}
})
});
/** /**
* Grid of CalendarGridCell components forming the user's course schedule calendar view * Grid of CalendarGridCell components forming the user's course schedule calendar view