feat(pool): align UI to Figma — HUB deposit flow, position manage tabs, wallet balances#881
Draft
AntonAndell wants to merge 3 commits intofeat/sdk-dexfrom
Draft
feat(pool): align UI to Figma — HUB deposit flow, position manage tabs, wallet balances#881AntonAndell wants to merge 3 commits intofeat/sdk-dexfrom
AntonAndell wants to merge 3 commits intofeat/sdk-dexfrom
Conversation
Complete concentrated liquidity pool page with: - Token pair selector, network picker, price chart (lightweight-charts) - Range selector (min/max price), token input pair with balances - Supply dialog with 3-step flow (info → review → supply) - Position overview with expandable cards and manage modal - Real backend API integration via useBackendAMMNftPositions - AMM NFT positions endpoint in SDK BackendApiService - Pool navigation tab and store provider Mock service layer for supply/withdraw/claim (to be replaced with SDK). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Copy stake page, stake-icon, route-tab-item, utils from main - Resolve merge conflicts in layout, icons, tab-icon, route-tabs, package.json, constants - Use workspace:* for all @sodax/* packages - Use public RPCs for dev mode Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…age tabs - Add HUB deposit abstraction: DEPOSIT_TOKEN0 / DEPOSIT_TOKEN1 steps in supply dialog route users through ERC20 approve + HUB deposit before supplying - New DepositTokenStep component handles approve->deposit per-token; xSODA zero-balance shows "Stake SODA to get xSODA" link to /stake - Add usePoolContext hook exposing spoke wallet balances (useXBalances) and spokeAssets for correct "Buy SODA" / "Insufficient balance" checks - Default +/-5% price range on price chart load (currentPrice * 0.95 / 1.05) - Supply review step shows HUB balance vs needed per token with status icons - Position card redesigned to Figma: always-visible layout with overlapping token badges, USD value, earnings, range bar, inline Claim/Manage buttons - Position manage modal reworked with Add / Withdraw / Claim tabs; defaultTab prop routes claim-triggered opens directly to Claim tab - Token input hides symbol when typing; MAX button hidden at max balance - Add tick-distribution and range-handle chart sub-components - Add useTickLiquidityDistribution hook to dapp-kit - Add xsoda.png token icon Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Test plan
🤖 Generated with Claude Code