watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-20 12:35:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update SessionsWeekly.tsx

Browse source
This commit is contained in:
Minseo Lee 2024-08-30 19:42:59 +09:00
parent 8f4a6278c4
commit eaa55fb97a
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
View file

@ -1,15 +1,17 @@
import { format, startOfDay, addHours } from 'date-fns'; import { format } from 'date-fns';
import { useLocale, useMessages, useWebsiteSessionsWeekly } from 'components/hooks'; import { useLocale, useMessages, useWebsiteSessionsWeekly } from 'components/hooks';
import { LoadingPanel } from 'components/common/LoadingPanel'; import { LoadingPanel } from 'components/common/LoadingPanel';
import { getDayOfWeekAsDate } from 'lib/date'; import { getDayOfWeekAsDate } from 'lib/date';
import styles from './SessionsWeekly.module.css'; import styles from './SessionsWeekly.module.css';
import classNames from 'classnames'; import classNames from 'classnames';
import { TooltipPopup } from 'react-basics'; import { TooltipPopup } from 'react-basics';
import { useIntl } from 'react-intl';
export function SessionsWeekly({ websiteId }: { websiteId: string }) { export function SessionsWeekly({ websiteId }: { websiteId: string }) {
const { data, ...props } = useWebsiteSessionsWeekly(websiteId); const { data, ...props } = useWebsiteSessionsWeekly(websiteId);
const { dateLocale } = useLocale(); const { dateLocale } = useLocale();
const { labels, formatMessage } = useMessages(); const { labels, formatMessage } = useMessages();
const intl = useIntl();
const [, max] = data const [, max] = data
? data.reduce((arr: number[], hours: number[], index: number) => { ? data.reduce((arr: number[], hours: number[], index: number) => {
@ -40,10 +42,9 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
{Array(24) {Array(24)
.fill(null) .fill(null)
.map((_, i) => { .map((_, i) => {
const label = format(addHours(startOfDay(new Date()), i), 'haaa');
return ( return (
<div key={i} className={styles.hour}> <div key={i} className={styles.hour}>
{label} {intl.formatTime(new Date().setHours(i), { hour: 'numeric' })}
</div> </div>
); );
})} })}