Skip to content

[729] Frontend: Add responsive transaction detail drawer with keyboard accessibility#785

Open
amehsamuel200225-sketch wants to merge 23 commits into
Junirezz:mainfrom
amehsamuel200225-sketch:fix/729-frontend-add-responsive-transaction-detail-drawer-with-keyboard-accessibility
Open

[729] Frontend: Add responsive transaction detail drawer with keyboard accessibility#785
amehsamuel200225-sketch wants to merge 23 commits into
Junirezz:mainfrom
amehsamuel200225-sketch:fix/729-frontend-add-responsive-transaction-detail-drawer-with-keyboard-accessibility

Conversation

@amehsamuel200225-sketch

Copy link
Copy Markdown

Summary

  • Add a reusable \Drawer\ component with focus trap, Escape-to-close, focus restore, and responsive side-panel / bottom-sheet layouts
  • Add \TransactionDetailDrawer\ showing transaction fields, explorer link, copy hash, receipt link, and live timeline for pending transactions
  • Wire row click and keyboard activation in \TransactionHistory\ via enhanced \DataTable\ row selection APIs
  • Add i18n strings, responsive CSS, and unit tests for drawer accessibility and interactions

Test plan


  • pm run test:run\ for Drawer, TransactionDetailDrawer, and TransactionHistory tests

  • pm run build\ succeeds
  • Row click / Enter opens drawer; Escape closes drawer
  • Pending transactions show live timeline inside drawer

Closes #729

Made with Cursor

Senior Engineer and others added 3 commits June 23, 2026 20:36
…unirezz#726.

Re-add conflict detection modules, resolver UI, VaultDashboard integration, and idempotency-aware vault API calls.

Co-authored-by: Cursor <cursoragent@cursor.com>
Introduce an accessible Drawer primitive and TransactionDetailDrawer, wire row selection into TransactionHistory, and add responsive styles plus unit tests.

Closes Junirezz#729

Co-authored-by: Cursor <cursoragent@cursor.com>
…able.

Resolve merge conflicts, add row selection to VirtualizedDataTable, and fix TypeScript build issues from upstream.

Co-authored-by: Cursor <cursoragent@cursor.com>
@drips-wave

drips-wave Bot commented Jun 23, 2026

Copy link
Copy Markdown

@amehsamuel200225-sketch Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Senior Engineer and others added 20 commits June 23, 2026 21:39
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
…test.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
… tests.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Stabilize portfolio data fetching by avoiding toast identity in effect deps, batch vault tab URL updates, and align dashboard/portfolio tests with current UI behavior.

Co-authored-by: Cursor <cursoragent@cursor.com>
Use a CommonJS cypress.config.cjs so Cypress can load configuration when package.json type is module.

Co-authored-by: Cursor <cursoragent@cursor.com>
Intercept mock API and Horizon routes, wait for wallet connection, and update transaction history assertions for current UI copy.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Intercept Horizon via fetch/XHR in addition to route handlers so stellar-sdk
balance calls return the mocked USDC amount in preview builds. Align portfolio
and strategy panel tests with the current onboarding and vault UI.

Co-authored-by: Cursor <cursoragent@cursor.com>
Production preview registers a service worker that re-fetches cross-origin
Horizon requests outside Playwright route handlers. Mirror the Cypress bypass
and block sw.js so mocked USDC balances resolve in connected-wallet tests.

Co-authored-by: Cursor <cursoragent@cursor.com>
Use deposit/withdraw action buttons instead of tab roles, handle the USDC
approval step on review, and update capacity and validation assertions.

Co-authored-by: Cursor <cursoragent@cursor.com>
Complete the second confirmation dialog during deposit/withdraw wizard flows,
use a DOM click for the disconnect control, and wait for row buttons in the
drawer Escape unit test.

Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Frontend: Add responsive transaction detail drawer with keyboard accessibility

1 participant