fix(frontend): horizontal scroll on wallet history tables (#352) #857

Merged

PlasticDigits merged 1 commit from local1/352-impl-history-overflow into main

2026-06-10 05:33:14 +00:00

PlasticDigits commented

2026-06-10 03:42:20 +00:00

(Migrated from gitlab.com)

Fixes #352

Note

Low Risk
Presentation-only layout changes in the trade history panel; no data fetching, auth, or business logic changes.

Overview
Fixes #352 by making wallet indexer history tables usable on narrow viewports.

In WalletIndexerHistoryPanel, the Swaps, Limit fills, and Limit cancellations tables are each wrapped in an overflow-x-auto container (data-testid="wallet-history-table-scroll") with section-specific min-w-* on the table so columns stay readable and scroll horizontally instead of clipping.

Adds a Vitest test that mocks indexer fetches and asserts the swap table renders inside the scroll wrapper and still shows the Tx column header.

^{Reviewed by Cursor Bugbot for commit f7384e2976. Bugbot is set up for automated code reviews on this repo. Configure here.}

Fixes #352  --- > [!NOTE] > **Low Risk** > Presentation-only layout changes in the trade history panel; no data fetching, auth, or business logic changes. > > **Overview** > Fixes **#352** by making wallet indexer history tables usable on narrow viewports. > > In `WalletIndexerHistoryPanel`, the **Swaps**, **Limit fills**, and **Limit cancellations** tables are each wrapped in an `overflow-x-auto` container (`data-testid="wallet-history-table-scroll"`) with section-specific **`min-w-*`** on the table so columns stay readable and scroll horizontally instead of clipping. > > Adds a **Vitest** test that mocks indexer fetches and asserts the swap table renders inside the scroll wrapper and still shows the **Tx** column header. > > <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit f7384e29767a3ffbcc731ef98e36ae003703acdd. Bugbot is set up for automated code reviews on this repo. Configure [here](https://www.cursor.com/dashboard/bugbot).</sup>

Rows
Columns