Skip to content

[Frontend] stream-details-content.tsx has no loading skeleton distinct from the not-found state, so both render the same blank layout briefly #1088

Description

@grantfox-oss

Join our community: https://t.me/+DOylgFv1jyJlNzM0

Why this matters

frontend/src/app/streams/[id]/stream-details-content.tsx likely renders a generic empty/blank state both while data is loading and when the stream genuinely doesn't exist, which can flash a misleading "not found" message during normal load before real data arrives.

Acceptance criteria

  • Add a distinct loading skeleton state that renders while the fetch is in flight
  • Only show the not-found message once the fetch has resolved and the stream is confirmed missing
  • Add a test covering the loading-to-found and loading-to-not-found transitions

Files to touch

  • frontend/src/app/streams/[id]/stream-details-content.tsx

Out of scope

  • Redesigning the not-found page
  • Server-side prefetching

Metadata

Metadata

Assignees

Labels

GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardOfficial Campaign | FWC26Campaign: Official Campaign | FWC26Stellar WaveIssues in the Stellar wave programfrontendFrontend related tasksgood first issueGood for newcomers

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions