fix type error

Author: snoopy1412

src/components/blockchain-address-link.tsx

@@ -34,7 +34,13 @@ const BlockchainAddressLink = ({
       >
         <AddressDisplayFilterDappRemark
           address={address}
-          formatAddress={(address) => toShortText(address, frontLength, backLength)}
+          formatAddress={(address) =>
+            toShortText({
+              text: address,
+              frontLength,
+              backLength
+            })
+          }
         />
       </Link>
     );
@@ -54,7 +60,13 @@ const BlockchainAddressLink = ({
       >
         <AddressDisplayFilterDappRemark
           address={address}
-          formatAddress={(address) => toShortText(address, frontLength, backLength)}
+          formatAddress={(address) =>
+            toShortText({
+              text: address,
+              frontLength,
+              backLength
+            })
+          }
         />
       </Link>
     );
@@ -64,7 +76,13 @@ const BlockchainAddressLink = ({
     <span title={address} className={className}>
       <AddressDisplayFilterDappRemark
         address={address}
-        formatAddress={(address) => toShortText(address, frontLength, backLength)}
+        formatAddress={(address) =>
+          toShortText({
+            text: address,
+            frontLength,
+            backLength
+          })
+        }
       />
     </span>
   );

src/components/chain-tx-display.tsx

@@ -41,7 +41,13 @@ const ChainTxDisplay = ({
             className={cn('truncate hover:underline', CodeFont.className, className)}
             title={value}
           >
-            {isFullText ? value : toShortText(value, 6, 4)}
+            {isFullText
+              ? value
+              : toShortText({
+                  text: value,
+                  frontLength: 6,
+                  backLength: 4
+                })}
           </Link>
         );
       }
@@ -53,13 +59,25 @@ const ChainTxDisplay = ({
           target="_blank"
           rel="noreferrer noopener"
         >
-          {isFullText ? value : toShortText(value, 6, 4)}
+          {isFullText
+            ? value
+            : toShortText({
+                text: value,
+                frontLength: 6,
+                backLength: 4
+              })}
         </Link>
       );
     } else {
       return (
         <span className={cn('truncate', CodeFont.className, className)} title={value}>
-          {isFullText ? value : toShortText(value, 6, 4)}
+          {isFullText
+            ? value
+            : toShortText({
+                text: value,
+                frontLength: 6,
+                backLength: 4
+              })}
         </span>
       );
     }

src/components/stats-container.tsx

@@ -2,7 +2,6 @@ import { StatCard } from './stat-card';
 
 import type { MessageProgress } from '@/graphql/type';
 
-
 interface StatsContainerProps {
   data?: MessageProgress[];
   networkTotal: number;
@@ -17,10 +16,10 @@ const StatsContainer = ({ data, networkTotal }: StatsContainerProps) => {
 
   return (
     <div className="grid gap-4 sm:grid-cols-2 sm:gap-8 lg:grid-cols-4">
-      <StatCard title="Total Messages" value={totalMessageValue} percentageChange={20.1} />
-      <StatCard title="Inflight Messages" value={inflightMessageValue} percentageChange={20.1} />
-      <StatCard title="Networks" value={networkValue} percentageChange={20.1} />
-      <StatCard title="Protocols" value={protocolValue} percentageChange={20.1} />
+      <StatCard title="Total Messages" value={totalMessageValue} />
+      <StatCard title="Inflight Messages" value={inflightMessageValue} />
+      <StatCard title="Networks" value={networkValue} />
+      <StatCard title="Protocols" value={protocolValue} />
     </div>
   );
 };

src/utils/string.ts

@@ -1,6 +1,11 @@
 import { isString } from 'lodash-es';
 
-export function toShortText(text: string, frontLength: number, backLength: number): string {
+interface ShortTextOptions {
+  text?: string;
+  frontLength: number;
+  backLength: number;
+}
+export function toShortText({ text, frontLength, backLength }: ShortTextOptions): string {
   if (!isString(text)) {
     return '';
   }