From 503321d43ba7ee04f1b42706042e66109e28709e Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 30 Oct 2023 22:14:40 +0800
Subject: [PATCH] perf: short website overview display

---
 src/client/components/website/MetricsTable.tsx | 8 ++------
 src/client/utils/common.ts                     | 8 ++++++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/client/components/website/MetricsTable.tsx b/src/client/components/website/MetricsTable.tsx
index 17fc9bd..3169e31 100644
--- a/src/client/components/website/MetricsTable.tsx
+++ b/src/client/components/website/MetricsTable.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import { AppRouterOutput, trpc } from '../../api/trpc';
 import { useCurrentWorkspaceId } from '../../store/user';
 import { sum } from 'lodash-es';
-import millify from 'millify';
+import { formatNumber } from '../../utils/common';
 
 type MetricsItemType = AppRouterOutput['website']['metrics'][number];
 
@@ -53,11 +53,7 @@ export const MetricsTable: React.FC<MetricsTableProps> = React.memo((props) => {
 
         return (
           <div className="flex">
-            <div className="w-12 text-right">
-              {millify(val, {
-                lowercase: true,
-              })}
-            </div>
+            <div className="w-12 text-right">{formatNumber(val)}</div>
             <div className="inline-block w-12 relative border-l ml-1 px-1">
               <div
                 className="bg-blue-300 absolute h-full bg-opacity-25 left-0 top-0 pointer-events-none"
diff --git a/src/client/utils/common.ts b/src/client/utils/common.ts
index 3ba9b3f..0ec42de 100644
--- a/src/client/utils/common.ts
+++ b/src/client/utils/common.ts
@@ -1,3 +1,5 @@
+import millify from 'millify';
+
 export function parseTime(val: number) {
   const days = ~~(val / 86400);
   const hours = ~~(val / 3600) - days * 24;
@@ -14,8 +16,10 @@ export function parseTime(val: number) {
   };
 }
 
-export function formatNumber(n: number) {
-  return Number(n).toFixed(0);
+export function formatNumber(n: number): string {
+  return millify(n, {
+    lowercase: true,
+  });
 }
 
 export function formatShortTime(val: number, formats = ['m', 's'], space = '') {