Merge pull request #15192 from ethereum/deposit-contract-display

corwintines · web-flow · commit c405ca763840 · 2025-05-13T09:50:58.000-06:00
refactor(ui): chunk deposit address spacing by 4
diff --git a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
@@ -140,7 +140,8 @@ const StyledFakeLink = (props: ButtonProps) => (
   />
 )
 
-const CHUNKED_ADDRESS = DEPOSIT_CONTRACT_ADDRESS.match(/.{1,3}/g)?.join(" ")
+const CHUNKED_ADDRESS =
+  DEPOSIT_CONTRACT_ADDRESS.match(/(?:^0x|.{4})/g)?.join(" ")
 
 const blockieSrc = makeBlockie(DEPOSIT_CONTRACT_ADDRESS)
 

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,8 @@ const StyledFakeLink = (props: ButtonProps) => (`
`140`	`140`	`/>`
`141`	`141`	`)`
`142`	`142`
`143`		`-const CHUNKED_ADDRESS = DEPOSIT_CONTRACT_ADDRESS.match(/.{1,3}/g)?.join(" ")`
	`143`	`+const CHUNKED_ADDRESS =`
	`144`	`+ DEPOSIT_CONTRACT_ADDRESS.match(/(?:^0x\|.{4})/g)?.join(" ")`
`144`	`145`
`145`	`146`	`const blockieSrc = makeBlockie(DEPOSIT_CONTRACT_ADDRESS)`
`146`	`147`