This commit is contained in:
2024-02-05 23:12:12 -06:00

View File

@@ -21,12 +21,16 @@ const Calendar: React.FC = (props) => {
<div className={styles.dayLabelContainer}> <div className={styles.dayLabelContainer}>
{/* Empty cell in the top-left corner */} {/* Empty cell in the top-left corner */}
<div className={styles.day} /> <div className={styles.day} />
{/* Displaying day labels */}
{daysOfWeek.map(day => (
<div key={day} className={styles.day}>
{day}
</div>
))}
</div> </div>
{/* Displaying the rest of the calendar */} {/* Displaying the rest of the calendar */}
<div className={styles.timeAndGrid}> <div className={styles.timeAndGrid}>
<div className={styles.timeColumn}> <div className={styles.timeColumn}>
<div className={styles.timeBlock}></div>
{hoursOfDay.map((hour) => ( {hoursOfDay.map((hour) => (
<div key={hour} className={styles.timeBlock}> <div key={hour} className={styles.timeBlock}>
<div className={styles.timeLabelContainer}> <div className={styles.timeLabelContainer}>
@@ -36,12 +40,6 @@ const Calendar: React.FC = (props) => {
))} ))}
</div> </div>
<div className={styles.calendarGrid}> <div className={styles.calendarGrid}>
{/* Displaying day labels */}
{daysOfWeek.map(day => (
<div key={day} className={styles.day}>
{day}
</div>
))}
{grid.map((row, rowIndex) => ( {grid.map((row, rowIndex) => (
row row
))} ))}