Add component tests for the full SVG render of components/streams/unlock-chart.tsx

[Austinaminu2]

Description

Only `unlock-chart.tsx`'s internal `toX()`/`toY()` coordinate math is unit-tested (a separate already-filed issue). No test renders the actual SVG chart component itself with cliff and no-cliff stream data.

Location

`components/streams/unlock-chart.tsx`

Task

Add a test that renders the full chart component with both a cliff and a no-cliff stream, asserting the expected SVG elements (path/line/markers) are present.

Good for contributors because

Builds on already-tested internal math helpers — this closes the gap by testing the actual rendered output.

[WALEY-OPS]

@WALEY-OPS has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'd like the chance to work on this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @WALEY-OPS to this issue.

[simeontech]

@simeontech has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I’m a Full Stack Engineer with extensive production experience across this exact stack (Next.js/React, TypeScript, Node.js, and PostgreSQL). I build with a focus on clean architecture, accessibility, and type safety.

🛠️ My Approach for This Issue
Align & Audit: Review the existing codebase patterns, database schemas, and API contracts to ensure seamless integration.

Backend & Data Layer: Implement/update secure [REST/GraphQL] endpoints, manage [Prisma/Drizzle] migrations, and handle strict data validation.

Frontend & UI: Deliver pixel-perfect, fully accessible (semantic HTML + focus states) UI components using Tailwind CSS, optimized for all breakpoints.

Testing & QA: Write unit/integration tests for critical paths and verify performance.

📦 Deliverables
Clean, reusable, and self-documenting code.

Secure, optimized backend logic and database schema updates.

A comprehensive PR featuring a video walkthrough/screenshots and a summary of structural changes.

I'm ready to start immediately and will post regular progress updates directly in the thread.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @simeontech to this issue.

[drips-wave]

Congratulations, @simeontech! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @simeontech: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊