From eaa55fb97a852c321618085d983da1ce933f83b4 Mon Sep 17 00:00:00 2001
From: Minseo Lee <itoupluk427@gmail.com>
Date: Fri, 30 Aug 2024 19:42:59 +0900
Subject: [PATCH] Update SessionsWeekly.tsx

---
 .../websites/[websiteId]/sessions/SessionsWeekly.tsx       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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