feat(web): replace quick-create playlist flow with a modal#14318
Open
dylanjeffers wants to merge 1 commit into
Open
feat(web): replace quick-create playlist flow with a modal#14318dylanjeffers wants to merge 1 commit into
dylanjeffers wants to merge 1 commit into
Conversation
|
This was referenced May 15, 2026
The "New" button in the playlist library sidebar (and the empty-state nav link) used to immediately create a playlist named "New Playlist" and route the user into the edit page. Replace that one-shot dispatch with a Create Playlist modal that lets the user set a title, optional description, and optional artwork before the playlist is created. - New `CreatePlaylistModal` slice via `createModal` helper, wired into the modals reducer/state. - New `CreatePlaylistModal` component (Harmony Modal + TextInput + TextArea + UploadArtwork) reusing the existing `resizeImage` pipeline. - The sidebar "New" popup item and the empty-library nav link both open the modal instead of dispatching `createPlaylist` directly. - Playlists still default to private (enforced by the existing `optimisticallySavePlaylist` saga) and the saga still routes the user to the new playlist page after creation. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1a3da32 to
0d699e5
Compare
Contributor
🌐 Web preview readyPreview URL: https://audius-web-preview-pr-14318.audius.workers.dev Unique preview for this PR (deployed from this branch). |
1 task
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Replaces the one-shot "quick create" playlist flow (which immediately dispatched
createPlaylist({ playlist_name: 'New Playlist' })and routed the user into the edit page) with a real Create Playlist modal that captures title, optional description, and optional artwork up front.CreatePlaylistModalRedux modal slice (using the existingcreateModalhelper), wired into the modals reducer / types / parent state.CreatePlaylistModalcomponent inpackages/web/src/components/create-playlist-modal/. Uses HarmonyModal+TextInput+TextArea+ the existingUploadArtworkcomponent, plus theresizeImagepipeline for artwork.CreatePlaylistLibraryItemButton) and the empty-library nav link (EmptyLibraryNavLink) now open the modal instead of dispatchingcreatePlaylistdirectly.optimisticallySavePlaylistsaga) and the saga still routes the user to the new playlist page after creation, so the post-create UX is unchanged.This is the first chunk of a larger playlist-editor UX initiative; follow-up PRs will add the duplicate-playlist secondary action and paste-tracks-by-URL.
Test plan
+(New) button → Create Playlist🤖 Generated with Claude Code