Skip to content

[#622] Redesign Trading History layout for mobile#628

Merged
realproject7 merged 1 commit intomainfrom
task/622-trading-history-layout
Mar 28, 2026
Merged

[#622] Redesign Trading History layout for mobile#628
realproject7 merged 1 commit intomainfrom
task/622-trading-history-layout

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Redesigned trade rows with mobile-first stacked layout: Buy/Sell badge + story title on first line, token count + date on second line, PLOT cost right-aligned
  • Storyline titles fetched and displayed instead of "Story [#4] Add CI pipeline for lint and type-check #43"
  • Token amounts formatted with formatSupply (locale separators, e.g. "2,728,254" or "2.7M")
  • Fixed formatPrice to show "< 0.001" instead of scientific notation like "5e-6"
  • Dates now include year (e.g. "Mar 27, 2026")
  • Buy/Sell badges styled as colored pills (green accent / red error)

Test plan

  • Open Reader Dashboard with trades — rows should not overflow on mobile
  • Token amounts display with locale separators or abbreviated (e.g. "2.7M")
  • No scientific notation in PLOT amounts
  • Story titles shown instead of "Story [#4] Add CI pipeline for lint and type-check #43"
  • Dates include year
  • Build passes clean

Fixes #622

🤖 Generated with Claude Code

- Stacked two-line layout: type badge + story title on top, token count
  + date on bottom, PLOT cost right-aligned. No more row overflow.
- Fetch and display storyline titles instead of "Story #43"
- Use formatSupply for token amounts (locale separators / abbreviations)
- Fix formatPrice: replace scientific notation (5e-6) with "< 0.001"
- Add year to date formatting (Mar 27, 2026)
- Buy/Sell badges styled as colored pills

Fixes #622

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 28, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Mar 28, 2026 6:33pm

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Good mobile-first redesign. Notes from review:

  • formatPrice change (toExponential"< 0.001") is a global behavioral change across ~10 callers — net positive for UX in all display contexts.
  • Storyline title query: query key with storylineIds.join(",") will update as infinite-scroll pages load, but react-query caching handles this efficiently. enabled guard is correct.
  • Layout: min-w-0 flex-1 + truncate on title prevents overflow on mobile. Clean stacked layout.
  • formatSupply already exists and is used in other components — good reuse.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

This PR implements the mobile-first Trading History redesign requested in issue #622 and keeps the change set focused to the reader dashboard row renderer plus the shared display formatter update.

Findings

  • No findings.

Decision

Approve. The row layout addresses the mobile overflow problem, the title/date/token formatting changes match the acceptance criteria, and the formatPrice change produces the intended non-scientific display for tiny PLOT amounts.

@realproject7 realproject7 merged commit 6ee7b65 into main Mar 28, 2026
5 checks passed
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.

Tidy up Trading History layout on Reader Dashboard

2 participants