feat: add unified formatting standard

[ECWireless]

See #545 for all details. Original PR created by @Roaring30s .

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
explorer-arbitrum-one	Ready	Preview, Comment	Apr 30, 2026 10:17am

[Copilot]

Pull request overview

This PR introduces centralized number/address formatting utilities and migrates many Explorer UI surfaces (voting, treasury, orchestrators, transactions, charts, and account views) away from ad-hoc formatting/divisors to shared formatters and constants.

Changes:

• Added utils/numberFormatters.ts (LPT/ETH/USD/percent/round/number) with accompanying tests.
• Added utils/web3.ts (address helpers, wei conversions, percent precision constants) and migrated call sites from @lib/utils.
• Replaced scattered manual formatting across multiple pages/components (percent divisors, LPT/ETH display, address/hash shortening).

Reviewed changes

Copilot reviewed 50 out of 51 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
utils/web3.ts	New web3/address + wei conversion helpers and percent precision constants
utils/web3.test.ts	Unit tests for new utils/web3 helpers
utils/voting.ts	Removes local formatPercent; switches fromWei import to @utils/web3
utils/numberFormatters.ts	New centralized formatting utilities for LPT/ETH/USD/percent/etc.
utils/numberFormatters.test.ts	Unit tests for new number formatting utilities
tsconfig.json	Adds @utils/* path alias
pages/voting/create-poll.tsx	Switches fromWei import to @utils/web3
pages/voting/[poll].tsx	Uses shared formatters/constants instead of local/manual formatting
pages/treasury/create-proposal.tsx	Uses formatLPT + fromWei/toWei from @utils/web3
pages/treasury/[proposal].tsx	Uses shared formatters/constants; moves web3 helpers to @utils/web3
pages/migrate/orchestrator.tsx	Switches address/hash formatting to @utils/web3
pages/migrate/delegator/index.tsx	Switches address/hash formatting to @utils/web3
pages/migrate/broadcaster.tsx	Switches address/hash formatting to @utils/web3
pages/index.tsx	Replaces hardcoded inflation divisor with PERCENTAGE_PRECISION_BILLION
pages/api/score/[address].tsx	Moves checkAddressEquality to @utils/web3
pages/api/l1-delegator/[address].tsx	Moves EMPTY_ADDRESS to @utils/web3
pages/_app.tsx	Removes global numbro.setDefaults initialization
lib/utils.tsx	Removes web3/formatting helpers now housed in @utils/web3
lib/utils.test.ts	Removes tests for moved helpers; imports EMPTY_ADDRESS from @utils/web3
lib/api/treasury.ts	Switches fromWei import to @utils/web3
lib/api/ens.ts	Switches formatAddress import to @utils/web3
layouts/main.tsx	Switches EMPTY_ADDRESS/formatAddress imports to @utils/web3
layouts/account.tsx	Switches checkAddressEquality import to @utils/web3
hooks/useSwr.tsx	Switches formatAddress import to @utils/web3
components/TxStartedDialog/index.tsx	Switches formatAddress/fromWei imports to @utils/web3
components/TxConfirmedDialog/index.tsx	Switches formatAddress/fromWei imports to @utils/web3
components/Treasury/TreasuryVotingWidget/index.tsx	Replaces various percent/LPT formatting with shared formatters
components/Treasury/TreasuryVoteTable/index.tsx	Standardizes weight formatting with shared formatters
components/Treasury/TreasuryVoteTable/Views/VoteItem.tsx	Switches formatTransactionHash import to @utils/web3
components/Treasury/TreasuryVoteTable/TreasuryVotePopover.tsx	Uses formatNumber for vote counts
components/TransactionsList/index.tsx	Replaces numbro/manual formatting with shared formatters/constants
components/TransactionBadge/index.tsx	Switches formatTransactionHash import to @utils/web3
components/StakeTransactions/index.tsx	Uses formatLPT and formatAddress from new utils
components/Search/index.tsx	Switches formatAddress import to @utils/web3
components/RoundStatus/index.tsx	Replaces numbro formatting with shared formatters
components/Profile/index.tsx	Switches formatAddress import to @utils/web3
components/PollVotingWidget/index.tsx	Uses shared percent + voting power formatting
components/PerformanceList/index.tsx	Replaces numbro formatting with formatNumber/formatPercent + web3 address formatting
components/OrchestratorList/index.tsx	Replaces numbro/manual percent formatting and divisors with shared formatters/constants
components/OrchestratingView/index.tsx	Replaces numbro/manual formatting with shared formatters/constants
components/HistoryView/index.tsx	Replaces numbro/manual formatting with shared formatters/constants
components/ExplorerChart/index.tsx	Moves most subtitle/axis formatting to shared formatters
components/DelegatingWidget/index.tsx	Uses formatLPT and fromWei from new utils
components/DelegatingWidget/ProjectionBox.tsx	Uses shared formatters for ROI, principle, fees/rewards
components/DelegatingWidget/InputBox.tsx	Switches fromWei import to @utils/web3
components/DelegatingWidget/Input.tsx	Replaces hardcoded divisors with percent precision constants
components/DelegatingWidget/Header.tsx	Switches formatAddress import to @utils/web3
components/DelegatingView/index.tsx	Replaces numbro/manual formatting with shared formatters
components/Claim/index.tsx	Switches formatAddress import to @utils/web3
components/AccountCell/index.tsx	Switches formatAddress import to @utils/web3
components/Account/index.tsx	Switches formatAddress import to @utils/web3

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[rickstaa]

@ECWireless, @Roaring30s this is a very high quality and valuable pull request. Thanks a lot 💚!

[Username89765sn]

Dear developers,

You did good work to add extra digits, but unfortunatly missed two numbers for this improvemend. Can you also add the extra digits there? See image. Thank you very much. This is they only solution to see what the daily profit is.