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

d-bis/js

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## 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}`

<!-- end pr-codex -->

This commit is contained in:

MananTank

2026-01-06 21:15:08 +00:00

parent 01004e8408

commit a3ff7572d6

8 changed files with 380 additions and 47 deletions

									
										.changeset/two-pandas-knock.md
									
		+5
		
												View File
												
				@@ -0,0 +1,5 @@

				---

				"thirdweb": patch

				---

				Add token details screen in token selection UI in SwapWidget, BridgeWidget