Add a function to truncate address

thesis · Nov 17, 2023 · 2325e13 · 2325e13
1 parent 0b6c887
commit 2325e13
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/dapp/src/components/Navbar/ConnectWallet.tsx b/dapp/src/components/Navbar/ConnectWallet.tsx
@@ -10,7 +10,7 @@ import {
   useRequestEthereumAccount,
 } from "../../hooks"
 import { LedgerLiveAppContext } from "../../contexts/LedgerLiveAppContext"
-import { formatSatoshiAmount } from "../../utils"
+import { formatSatoshiAmount, truncateAddress } from "../../utils"
 
 export type ConnectButtonsProps = {
   leftIcon: string
@@ -32,7 +32,7 @@ function ConnectButton({
       rightIcon={!account ? <Image src={rightIcon} /> : undefined}
       onClick={requestAccount}
     >
-      {account ? account.address : "Not connected"}
+      {account ? truncateAddress(account.address) : "Not connected"}
     </Button>
   )
 }

diff --git a/dapp/src/utils/address.ts b/dapp/src/utils/address.ts
@@ -0,0 +1,3 @@
+export function truncateAddress(address: string): string {
+  return `${address.slice(0, 6)}…${address.slice(-5)}`
+}
diff --git a/dapp/src/utils/index.ts b/dapp/src/utils/index.ts
@@ -1 +1,2 @@
 export * from "./numbers"
+export * from "./address"
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		export * from "./numbers"
		export * from "./address"