From 9697ac61d34047a6cad1610346d049426aee7cef Mon Sep 17 00:00:00 2001
From: Minseo Lee <itoupluk427@gmail.com>
Date: Mon, 9 Sep 2024 15:07:25 +0900
Subject: [PATCH] Update SessionsTable.tsx

---
 .../[websiteId]/sessions/SessionsTable.tsx      | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
index 0a682c5d8..a72cdd3fe 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
@@ -5,6 +5,7 @@ import Avatar from 'components/common/Avatar';
 import styles from './SessionsTable.module.css';
 import TypeIcon from 'components/common/TypeIcon';
 import { useIntl } from 'react-intl';
+import { formatLongNumberOptions } from 'lib/format';
 
 export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean }) {
   const intl = useIntl();
@@ -21,8 +22,20 @@ export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean
           </Link>
         )}
       </GridColumn>
-      <GridColumn name="visits" label={formatMessage(labels.visits)} width="100px" />
-      <GridColumn name="views" label={formatMessage(labels.views)} width="100px" />
+      <GridColumn name="visits" label={formatMessage(labels.visits)} width="100px">
+        {row => (
+          <span title={intl.formatNumber(row.visits)}>
+            {intl.formatNumber(row.visits, formatLongNumberOptions(row.visits))}
+          </span>
+        )}
+      </GridColumn>
+      <GridColumn name="views" label={formatMessage(labels.views)} width="100px">
+        {row => (
+          <span title={intl.formatNumber(row.views)}>
+            {intl.formatNumber(row.views, formatLongNumberOptions(row.views))}
+          </span>
+        )}
+      </GridColumn>
       <GridColumn name="country" label={formatMessage(labels.country)}>
         {row => (
           <TypeIcon type="country" value={row.country}>