Skip to content

Add a request-history side panel to ApiUsage that lists last 50 test calls #189

Description

@greatest0fallt1me

Description

This is a UI/UX issue for the GrantFox campaign. Expose a collapsible side panel with the last 50 test-call requests for the current API; clicking restores params and response.

Requirements and Context

  • Last 50 entries from existing testCall history
  • Click restores params + shows cached response
  • Collapsible with persisted state
  • Mobile bottom-sheet variant
  • Must be secure, tested, and documented
  • Should be efficient and easy to review

Suggested Execution

  1. Fork the repo and create a branch
    git checkout -b feature/api-usage-history-panel
  2. Implement changes
    • src/pages/ApiUsage.tsx
    • src/components/RequestHistoryPanel.tsx (new)
    • src/state/testCallHistory.ts (new)
  3. Test and commit
    • Run the repo's standard test suite and lint
    • Cover edge cases; include output in the PR

Example commit message

feat: add request-history side panel to ApiUsage

Acceptance Criteria

  • Last 50 entries listed
  • Click restores params and response
  • Panel collapse persists
  • Mobile bottom-sheet variant works

Guidelines

  • Responsive across all breakpoints
  • WCAG 2.1 AA accessibility
  • Design-token + dark-mode consistency
  • Clear documentation and inline comments
  • Timeframe: 96 hours

Metadata

Metadata

Assignees

Labels

GRANTFOX OSSGrantFox open-source campaign taskOFFICIAL CAMPAIGNOfficial GrantFox campaign issueStellar WaveIssues in the Stellar wave programenhancementNew feature or improvementresponsiveResponsive layout across breakpointsui/uxUI/UX design, usability, and visual polish

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions