Fixed session weekly rendering bug.

This commit is contained in:
Mike Cao 2024-08-18 00:15:20 -07:00
parent e853ed7ae9
commit ceacc25021
2 changed files with 6 additions and 3 deletions

View File

@ -13,16 +13,19 @@
.day { .day {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: start;
justify-content: start;
gap: 1px; gap: 1px;
position: relative; position: relative;
} }
.cell { .cell {
display: flex; display: flex;
align-items: center;
background-color: var(--base100); background-color: var(--base100);
width: 20px; width: 20px;
height: 20px; height: 20px;
margin: auto;
align-items: start;
} }
.hour { .hour {

View File

@ -34,7 +34,7 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
return ( return (
<LoadingPanel {...(props as any)} data={data}> <LoadingPanel {...(props as any)} data={data}>
<div className={styles.week}> <div key={data} className={styles.week}>
<div className={styles.day}> <div className={styles.day}>
<div className={styles.header}>&nbsp;</div> <div className={styles.header}>&nbsp;</div>
{Array(24) {Array(24)
@ -50,7 +50,7 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
</div> </div>
{data?.map((day: number[], index: number) => { {data?.map((day: number[], index: number) => {
return ( return (
<div className={styles.day} key={index}> <div key={index} className={styles.day}>
<div className={styles.header}> <div className={styles.header}>
{format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })} {format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })}
</div> </div>