Skip to content

fix: Restore blurURL for image blur placeholders across pages - #136

Open
kevinreber wants to merge 2 commits into
mainfrom
claude/fix-image-display-5da21
Open

fix: Restore blurURL for image blur placeholders across pages#136
kevinreber wants to merge 2 commits into
mainfrom
claude/fix-image-display-5da21

Conversation

@kevinreber

Copy link
Copy Markdown
Owner

The blurURL was being explicitly overridden with an empty string in
multiple page components, causing images to show skeleton loaders
instead of blur placeholders while loading. This fix:

  • Removes blurURL: "" overrides in ExplorePage, SetDetailsPage, and
    CollectionDetailsPage
  • Adds missing blurURL generation to getSet.ts
  • Adds blurURL to collections route image formatting
  • Updates SetImage interface to include blurURL type

Images now properly use the blur placeholder URLs from the data sources
instead of showing black skeleton loaders during image load.

https://claude.ai/code/session_017kkis554M1snzH3Az7RsNo

The blurURL was being explicitly overridden with an empty string in
multiple page components, causing images to show skeleton loaders
instead of blur placeholders while loading. This fix:

- Removes blurURL: "" overrides in ExplorePage, SetDetailsPage, and
  CollectionDetailsPage
- Adds missing blurURL generation to getSet.ts
- Adds blurURL to collections route image formatting
- Updates SetImage interface to include blurURL type

Images now properly use the blur placeholder URLs from the data sources
instead of showing black skeleton loaders during image load.

https://claude.ai/code/session_017kkis554M1snzH3Az7RsNo
@vercel

vercel Bot commented Feb 3, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
pixel-studio Ready Ready Preview, Comment Feb 4, 2026 2:23pm

@github-actions

github-actions Bot commented Feb 3, 2026

Copy link
Copy Markdown

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

Scanned Files

None

@claude

claude Bot commented Feb 3, 2026

Copy link
Copy Markdown

Claude encountered an error —— View job


I'll analyze this and get back to you.

The explore.$imageId route doesn't use defer, so the loader data is
already resolved when the component renders. Using Await/useAsyncValue
with non-deferred data caused useAsyncValue to return undefined,
resulting in a blank detail page.

This fix:
- Removes Await and Suspense wrappers since data is not deferred
- Passes imageData directly as a prop to ExploreImageDetailsPageAccessor
- Adds null check for missing image data
- Removes unused Loader2 import

https://claude.ai/code/session_017kkis554M1snzH3Az7RsNo
@claude

claude Bot commented Feb 4, 2026

Copy link
Copy Markdown

Claude encountered an error —— View job


I'll analyze this and get back to you.

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.

2 participants