[MNY-319] SDK: Add token details screen in token selection UI #8608

MananTank · 2026-01-06T20:22:31Z

PR-Codex overview

This PR focuses on enhancing the token selection UI in the SwapWidget and BridgeWidget by adding a token details screen and improving the display of token information.

Detailed summary

Added a token details screen in the TokenSelectionScreen component.
Updated SelectedTokenButton to improve token symbol display.
Introduced useTokenPrice hook for fetching token prices.
Enhanced TokenButton with an info button to trigger token details.
Implemented TokenInfoScreen and TokenInfoRow components for displaying token details.
Modified SelectTokenUI to include currency prop and improved layout.
Adjusted styles for better token information presentation.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

linear · 2026-01-06T20:22:34Z

MNY-319 Show a tooltip next to each token row to show contract address + token info

changeset-bot · 2026-01-06T20:22:35Z

🦋 Changeset detected

Latest commit: a3ff757

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
thirdweb	Patch
@thirdweb-dev/nebula	Patch
@thirdweb-dev/wagmi-adapter	Patch
wagmi-inapp	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel · 2026-01-06T20:22:36Z

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

Project	Deployment	Review	Updated (UTC)
docs-v2	Ready	Preview, Comment	Jan 6, 2026 9:26pm
nebula	Ready	Preview, Comment	Jan 6, 2026 9:26pm
thirdweb_playground	Ready	Preview, Comment	Jan 6, 2026 9:26pm
thirdweb-www	Ready	Preview, Comment	Jan 6, 2026 9:26pm
wallet-ui	Ready	Preview, Comment	Jan 6, 2026 9:26pm

coderabbitai · 2026-01-06T20:22:50Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

MananTank · 2026-01-06T20:22:53Z

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

merge-queue - adds this PR to the back of the merge queue
hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

_{An organization admin has enabled the Graphite Merge Queue in this repository.} _{Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.}

This stack of pull requests is managed by Graphite. Learn more about stacking.

codecov · 2026-01-06T20:29:18Z

Codecov Report

❌ Patch coverage is 4.87805% with 273 lines in your changes missing coverage. Please review.
✅ Project coverage is 53.00%. Comparing base (01004e8) to head (a3ff757).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
...eact/web/ui/Bridge/swap-widget/select-token-ui.tsx	4.38%	218 Missing ⚠️
...rdweb/src/react/web/ui/Bridge/swap-widget/hooks.ts	13.63%	19 Missing ⚠️
.../src/react/web/ui/ConnectWallet/icons/InfoIcon.tsx	5.26%	18 Missing ⚠️
...web/ui/ConnectWallet/screens/formatTokenBalance.ts	0.00%	9 Missing ⚠️
...act/web/ui/Bridge/common/selected-token-button.tsx	0.00%	8 Missing ⚠️
...es/thirdweb/src/react/web/ui/Bridge/FundWallet.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8608      +/-   ##
==========================================
- Coverage   53.21%   53.00%   -0.22%     
==========================================
  Files         922      923       +1     
  Lines       61457    61721     +264     
  Branches     4041     4031      -10     
==========================================
+ Hits        32703    32713      +10     
- Misses      28656    28910     +254     
  Partials       98       98

Flag	Coverage Δ
packages	`53.00% <4.87%> (-0.22%)`	⬇️

Files with missing lines	Coverage Δ
...es/thirdweb/src/react/web/ui/Bridge/FundWallet.tsx	`6.23% <0.00%> (-0.02%)`	⬇️
...act/web/ui/Bridge/common/selected-token-button.tsx	`7.19% <0.00%> (-0.27%)`	⬇️
...web/ui/ConnectWallet/screens/formatTokenBalance.ts	`27.08% <0.00%> (-6.25%)`	⬇️
.../src/react/web/ui/ConnectWallet/icons/InfoIcon.tsx	`5.26% <5.26%> (ø)`
...rdweb/src/react/web/ui/Bridge/swap-widget/hooks.ts	`17.77% <13.63%> (-3.97%)`	⬇️
...eact/web/ui/Bridge/swap-widget/select-token-ui.tsx	`4.38% <4.38%> (-0.41%)`	⬇️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

github-actions · 2026-01-06T20:29:28Z

size-limit report 📦

Path	Size
@thirdweb-dev/nexus (esm)	105.66 KB (0%)
@thirdweb-dev/nexus (cjs)	319.47 KB (0%)

graphite-app · 2026-01-06T21:14:48Z

Merge activity

Jan 6, 9:14 PM UTC: MananTank added this pull request to the Graphite merge queue.
Jan 6, 9:28 PM UTC: Merged by the Graphite merge queue.

--- ## PR-Codex overview This PR focuses on enhancing the token selection UI by adding a token details screen and improving the display of token information within the `SwapWidget` and `BridgeWidget`. ### Detailed summary - Added a token details screen in the token selection UI. - Enhanced the `SelectedTokenButton` to include a more flexible display of the token symbol. - Introduced `useTokenPrice` hook for fetching token prices. - Updated `TokenButton` to include an info button for showing token details. - Created `TokenInfoScreen` and `TokenInfoRow` components for displaying detailed token information. - Integrated token info functionality into `TokenSelectionScreen`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

github-actions bot assigned MananTank Jan 6, 2026

github-actions bot added packages SDK Involves changes to the thirdweb SDK labels Jan 6, 2026

MananTank marked this pull request as ready for review January 6, 2026 20:22

MananTank requested review from a team as code owners January 6, 2026 20:22

MananTank mentioned this pull request Jan 6, 2026

[MNY-353] SDK: TransactionWidget UI improvements #8607

Merged

vercel bot deployed to Preview – wallet-ui January 6, 2026 20:25 View deployment

vercel bot deployed to Preview – nebula January 6, 2026 20:26 View deployment

vercel bot deployed to Preview – thirdweb_playground January 6, 2026 20:28 View deployment

vercel bot deployed to Preview – thirdweb-www January 6, 2026 20:31 View deployment

vercel bot deployed to Preview – docs-v2 January 6, 2026 20:35 View deployment

graphite-app bot force-pushed the mny-353 branch from 60285cd to 01004e8 Compare January 6, 2026 21:15

graphite-app bot force-pushed the mny-319 branch from cd080eb to a3ff757 Compare January 6, 2026 21:15

vercel bot deployed to Preview – wallet-ui January 6, 2026 21:16 View deployment

vercel bot deployed to Preview – thirdweb_playground January 6, 2026 21:16 View deployment

vercel bot deployed to Preview – nebula January 6, 2026 21:17 View deployment

vercel bot deployed to Preview – thirdweb-www January 6, 2026 21:23 View deployment

vercel bot deployed to Preview – docs-v2 January 6, 2026 21:26 View deployment

Base automatically changed from mny-353 to main January 6, 2026 21:27

graphite-app bot merged commit a3ff757 into main Jan 6, 2026
23 checks passed

graphite-app bot deleted the mny-319 branch January 6, 2026 21:28

vercel bot deployed to Production – wallet-ui January 6, 2026 21:32 View deployment

vercel bot deployed to Production – nebula January 6, 2026 21:32 View deployment

vercel bot deployed to Production – thirdweb_playground January 6, 2026 21:33 View deployment

vercel bot deployed to Production – thirdweb-www January 6, 2026 21:38 View deployment

vercel bot deployed to Production – docs-v2 January 6, 2026 21:40 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[MNY-319] SDK: Add token details screen in token selection UI #8608

[MNY-319] SDK: Add token details screen in token selection UI #8608

MananTank commented Jan 6, 2026 •

edited by pr-codex bot

Loading

Uh oh!

linear bot commented Jan 6, 2026

Uh oh!

changeset-bot bot commented Jan 6, 2026 •

edited

Loading

Uh oh!

vercel bot commented Jan 6, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Jan 6, 2026

Review skipped

Uh oh!

MananTank commented Jan 6, 2026 •

edited

Loading

Uh oh!

codecov bot commented Jan 6, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Jan 6, 2026 •

edited

Loading

Uh oh!

graphite-app bot commented Jan 6, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

[MNY-319] SDK: Add token details screen in token selection UI #8608

[MNY-319] SDK: Add token details screen in token selection UI #8608

Conversation

MananTank commented Jan 6, 2026 • edited by pr-codex bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR-Codex overview

Detailed summary

Uh oh!

linear bot commented Jan 6, 2026

Uh oh!

changeset-bot bot commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

vercel bot commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai bot commented Jan 6, 2026

Review skipped

Uh oh!

MananTank commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

How to use the Graphite Merge Queue

Uh oh!

codecov bot commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

github-actions bot commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

graphite-app bot commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

MananTank commented Jan 6, 2026 •

edited by pr-codex bot

Loading

changeset-bot bot commented Jan 6, 2026 •

edited

Loading

vercel bot commented Jan 6, 2026 •

edited

Loading

MananTank commented Jan 6, 2026 •

edited

Loading

codecov bot commented Jan 6, 2026 •

edited

Loading

github-actions bot commented Jan 6, 2026 •

edited

Loading

graphite-app bot commented Jan 6, 2026 •

edited

Loading