Skip to content

fix(playlist): show image icon placeholder in Create Playlist artwork#14425

Merged
dylanjeffers merged 1 commit into
mainfrom
fix/create-playlist-artwork-icon
May 29, 2026
Merged

fix(playlist): show image icon placeholder in Create Playlist artwork#14425
dylanjeffers merged 1 commit into
mainfrom
fix/create-playlist-artwork-icon

Conversation

@dylanjeffers
Copy link
Copy Markdown
Contributor

Summary

The Create Playlist modal's artwork picker rendered a gray box with a blank PNG placeholder, which read like a perpetual loading skeleton even though no artwork has ever been associated yet (the modal is for creating a brand new playlist).

Fix scoped to the create flow only:

  • Add an optional `iconPlaceholder` prop to `UploadArtwork` (UploadArtwork.jsx, UploadArtwork.d.ts). When set and there is no `artworkUrl` and the component is not processing a dropped file, the placeholder PNG is omitted and the icon renders centered over the gray empty state.
  • Pass `` from CreatePlaylistModal.tsx so the create flow now shows an explicit "add artwork" affordance.

Edit flows that use `UploadArtwork` via `ArtworkField` (`EditCollectionForm`, track edit, etc.) don't pass the new prop and keep their existing behavior — artwork-while-loading still shows the existing placeholder.

Test plan

  • Open the sidebar "+ New Playlist" entry → modal opens with an image icon centered in the artwork area instead of an empty gray box.
  • Drop an image into the artwork area → icon disappears, preview replaces it; LoadingSpinner shows during processing as before.
  • Open the same modal for "+ New Album" → icon shown.
  • Edit an existing playlist → artwork picker still shows existing artwork / existing placeholder (no regression).
  • Edit a track → artwork picker behavior unchanged.

🤖 Generated with Claude Code

The Create Playlist modal's artwork picker rendered a gray box with a
blank PNG placeholder over it, which read as a perpetual loading
skeleton even though no artwork has ever been associated yet. Add an
optional `iconPlaceholder` prop to `UploadArtwork` and pass `IconImage`
from `CreatePlaylistModal` so the empty state shows a clear "add
artwork" affordance. Scoped to create — the edit flow (where artwork
may still be loading) is unchanged.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 29, 2026

⚠️ No Changeset found

Latest commit: a7cbb59

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

🌐 Web preview ready

Preview URL: https://audius-web-preview-pr-14425.audius.workers.dev

Unique preview for this PR (deployed from this branch).
Workflow run

@dylanjeffers dylanjeffers merged commit 7f36555 into main May 29, 2026
13 checks passed
@dylanjeffers dylanjeffers deleted the fix/create-playlist-artwork-icon branch May 29, 2026 20:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant