Problem
The TVLChart.tsx currently renders an array of static mockData, failing to represent the actual historical Total Value Locked of the protocol as required by the frontend-guide.md.
Expected behavior
The component implements SWR or @tanstack/react-query to fetch historical TVL metrics from the protocol's indexer API, mapping the payload to the { name, tvl } shape required by recharts.
Files to update
src/components/TVLChart.tsx
package.json
Project relevance
This transitions the main landing page from a static mockup to a live, data-driven analytics dashboard that proves protocol traction.
Acceptance criteria
Problem
The
TVLChart.tsxcurrently renders an array of staticmockData, failing to represent the actual historical Total Value Locked of the protocol as required by thefrontend-guide.md.Expected behavior
The component implements
SWRor@tanstack/react-queryto fetch historical TVL metrics from the protocol's indexer API, mapping the payload to the{ name, tvl }shape required byrecharts.Files to update
src/components/TVLChart.tsxpackage.jsonProject relevance
This transitions the main landing page from a static mockup to a live, data-driven analytics dashboard that proves protocol traction.
Acceptance criteria
swror@tanstack/react-queryis added to package dependencies