Fixed index errors.

This commit is contained in:
Mike Cao 2025-02-01 00:09:07 -08:00
parent f3e733dea3
commit 3e9cb66db2
2 changed files with 5 additions and 4 deletions

View file

@ -54,10 +54,10 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
<div className={styles.header}> <div className={styles.header}>
{format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })} {format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })}
</div> </div>
{day?.map((hour: number) => { {day?.map((hour: number, n) => {
const pct = hour / max; const pct = hour / max;
return ( return (
<div key={hour} className={classNames(styles.cell)}> <div key={`${index}_${n}_${hour}`} className={classNames(styles.cell)}>
{hour > 0 && ( {hour > 0 && (
<TooltipPopup <TooltipPopup
label={`${formatMessage(labels.visitors)}: ${hour}`} label={`${formatMessage(labels.visitors)}: ${hour}`}

View file

@ -3,6 +3,7 @@ import { Loading, Icon, StatusLight } from 'react-basics';
import Icons from 'components/icons'; import Icons from 'components/icons';
import { useSessionActivity, useTimezone } from 'components/hooks'; import { useSessionActivity, useTimezone } from 'components/hooks';
import styles from './SessionActivity.module.css'; import styles from './SessionActivity.module.css';
import { Fragment } from 'react';
export function SessionActivity({ export function SessionActivity({
websiteId, websiteId,
@ -31,7 +32,7 @@ export function SessionActivity({
lastDay = createdAt; lastDay = createdAt;
return ( return (
<> <Fragment key={eventId}>
{showHeader && ( {showHeader && (
<div className={styles.header}>{formatTimezoneDate(createdAt, 'EEEE, PPP')}</div> <div className={styles.header}>{formatTimezoneDate(createdAt, 'EEEE, PPP')}</div>
)} )}
@ -44,7 +45,7 @@ export function SessionActivity({
<Icon>{eventName ? <Icons.Bolt /> : <Icons.Eye />}</Icon> <Icon>{eventName ? <Icons.Bolt /> : <Icons.Eye />}</Icon>
<div>{eventName || urlPath}</div> <div>{eventName || urlPath}</div>
</div> </div>
</> </Fragment>
); );
})} })}
</div> </div>