Closed minikas closed 2 months ago
The recent changes introduce functionality to manage direct deposits and withdrawals in the Hestia app. This includes displaying transaction history, exporting data to CSV, handling asset and wallet selection, and managing deposit and withdrawal processes. New components simplify user interaction with clean UI elements for each task, ensuring efficient and intuitive navigation.
Files | Change Summary |
---|---|
apps/.../columns.tsx |
Introduced columns for displaying transaction data in a table format. |
apps/.../export.tsx |
Added Export component to handle exporting bridge history data to a CSV file. |
apps/.../linkCard.tsx |
Added LinkCard component to generate clickable link cards with truncated data and external link icons. |
apps/.../faq.tsx |
Added Faq component to display a list of fake news items with titles and links. |
apps/.../selectAsset.tsx |
Added SelectAsset component to manage asset selection from a list. |
apps/.../deposit.tsx |
Added Deposit component for managing deposits, including selecting networks, assets, amounts, and addresses. |
apps/.../selectWallet.tsx |
Added SelectWallet component for selecting wallets, integrating with extensions and account management. |
apps/.../withdraw.tsx |
Added Withdraw component to facilitate asset withdrawal, including network selection, asset choice, and amount input. |
sequenceDiagram
participant User
participant HestiaApp
participant Wallet
participant CSVDownloader
User->>HestiaApp: Connect Wallet
HestiaApp->>Wallet: Fetch Wallet Details
Wallet-->>HestiaApp: Return Wallet Details
User->>HestiaApp: Select Network and Asset
User->>HestiaApp: Deposit or Withdraw Asset
User->>HestiaApp: View Transaction History
User->>HestiaApp: Export History to CSV
HestiaApp->>CSVDownloader: Prepare CSV Data
CSVDownloader-->>User: Download CSV File
Objective (from #1328) | Addressed | Explanation |
---|---|---|
User connects the wallet >> go to deposits page >> select the network >> select the asset >> click deposit | ✅ | |
Show History | ✅ | |
Show Progress | ✅ | |
Address component should be displayed to the user only in the case of EVM wallets | ❓ | Review for conditional display based on wallet type is required. |
In Hestia's realm, the wallets connect, With assets to choose and networks to select. Deposit and withdraw, history in view, Export to CSV, all functions are new. A seamless journey, so smooth and bright, For users of Polkadex, day and night. 🌟
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Name | Link |
---|---|
Latest commit | 0e5a32bf250bb5bbb6248ca9c57d364471cee7e7 |
Latest deploy log | https://app.netlify.com/sites/stupendous-valkyrie-505e4a/deploys/667374e796ba4000082213e7 |
Please fix CI
@minikas I think, once we have these pages, we no more require transfer page. So, I think we should remove those links from UI and delete those pages/component from codebase. What's your take on this ?
CC: @nuel77
Description
This PR transforms the current deposit/withdraw page to align with the new design prototype.
Note: This PR only addresses the static page/interaction with mocks
Changes Made
Screenshots / Screencasts
Checklist
Close: https://github.com/Polkadex-Substrate/Polkadex-Orderbook-Frontend/issues/1328