Show Pinata health degradation inline on invoice create upload step

[king-aj-the-first]

GitHub labels: Stellar Wave

Drips complexity: Medium (100 points)

Area: Invoice Lifecycle

Description

usePinataHealth and Pinata degradation tests exist, but the create wizard upload step does not surface degraded/unavailable gateway state before file drop.

Requirements and Context

SMEs should know IPFS is degraded before uploading a large PDF. Show inline banner on step 1 when health check fails.

Suggested Execution

git checkout -b feat/create-wizard-pinata-health-banner

1. Create branch feat/create-wizard-pinata-health-banner
2. Call usePinataHealth on create page
3. Render degradation banner above FileInput
4. Block upload CTA when unavailable with reason
5. Reuse existing PinataHealthDegradation test patterns

Example commit message

feat(invoice-lifecycle): show Pinata health banner on create upload step

File Paths

• hooks/usePinataHealth.ts
• app/invoice/create/page.tsx
• app/invoice/__tests__/PinataHealthDegradation.test.tsx

Guidelines

• Assignment required before starting
• PR description must include: Closes #<issue_number>
• Run npm run lint, npm run type-check, npm run test, and npm run build before opening PR
• Add screenshots or recordings for UI changes
• Complexity: Medium (100 points) — focused feature work in an existing surface

Acceptance Criteria

• Degraded state shows inline banner
• Unavailable blocks upload with message
• Healthy state shows no banner
• Existing wizard tests pass
• Banner copy is translated

[IFEANYIBRIGHT]

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

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

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

[CRSabers]

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

Hi! I’d like to take this. I’ll wire the existing Pinata health/degradation state into the invoice-create upload step, show a clear inline degraded-state message without blocking unrelated form behavior, and add focused tests for healthy, degraded, and unavailable states.

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

[jhayniffy]

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

Hi maintainer can i please work on this

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

[drips-wave]

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

🧑‍💻 @jhayniffy: 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 🌊