Skip to content

feat(creator-detail): add responsive bonding curve price history chart - #790

Open
Francis6-git wants to merge 3 commits into
accesslayerorg:devfrom
Francis6-git:feature/add-price-chart-creator-key-detail-778
Open

feat(creator-detail): add responsive bonding curve price history chart#790
Francis6-git wants to merge 3 commits into
accesslayerorg:devfrom
Francis6-git:feature/add-price-chart-creator-key-detail-778

Conversation

@Francis6-git

Copy link
Copy Markdown

Summary

Adds a responsive line chart to the creator key detail page to visualize historical bonding curve prices across selectable timeframes (1H, 24H, 7D).

Changes Made

  • API & Data Layer: Added PriceHistoryInterval and PriceHistoryPoint types and implemented courseService.getPriceHistory pointing to GET /keys/:keyId/price-history.
  • React Query Integration: Added usePriceHistory hook with interval-keyed query caching (['creators', creatorId, 'priceHistory', interval]).
  • UI Components:
    • Created PriceHistoryChart using Recharts (ResponsiveContainer, LineChart, XAxis, YAxis, Tooltip).
    • Added timeframe toggle buttons (1H, 24H, 7D) with accessible active states (aria-pressed).
    • Integrated skeleton loader (data-testid="price-history-skeleton") to prevent cumulative layout shift during fetches.
    • Implemented an empty state view ("No price history yet").
  • Page Integration: Mounted <PriceHistoryChart /> on CreatorDetailPage directly below the profile header.

Acceptance Criteria Verification

  • Chart renders correct data points for each selected interval.
  • Switching intervals re-fetches and re-renders data cleanly.
  • Loading skeleton displays during data fetch.
  • Empty state renders when the price series is empty.
  • Layout is responsive across mobile and desktop breakpoints.

Testing & Validation

  • Executed pnpm build successfully.
  • Executed pnpm lint with zero errors.
  • Unit tests added to PriceHistoryChart.test.tsx (all passing).
  • Integration tests updated in CreatorDetailPage test suite (all passing).

Closes #778

@drips-wave

drips-wave Bot commented Aug 25, 2026

Copy link
Copy Markdown

@Francis6-git 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

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.

Add a price chart to the creator key detail page rendering bonding curve price history

1 participant