Skip to content

feat(web): inline-edit playlist title and description on collection page#14383

Merged
dylanjeffers merged 3 commits into
mainfrom
claude/infallible-dirac-c89abc
May 22, 2026
Merged

feat(web): inline-edit playlist title and description on collection page#14383
dylanjeffers merged 3 commits into
mainfrom
claude/infallible-dirac-c89abc

Conversation

@dylanjeffers
Copy link
Copy Markdown
Contributor

Summary

  • Replaces the deep-link to /edit?focus=name with an inline editable title in the desktop CollectionHeader. Click the title to switch to an input — Enter or blur commits, Escape cancels.
  • Replaces the description text with an inline editable textarea for owners. Blur commits, Escape cancels. Empty descriptions show an "Add a description..." prompt.
  • Saves dispatch the existing cacheCollectionsActions.editPlaylist saga, so optimistic updates, success toast, and SDK call all reuse the same path as the dedicated edit page.
  • Inline editing is owner-only; non-owners see the title/description as before.

Test plan

  • On a playlist you own, click the title → input appears auto-focused; type a new name → Enter saves and the new title persists.
  • Click the title, edit, then press Escape → original title is restored.
  • Click the description → textarea appears; edit and blur → description saves.
  • Press Escape inside the description editor → original description restored.
  • On a playlist you don't own, no edit affordance appears and the title/description are read-only.
  • Works for both playlists and albums.

🤖 Generated with Claude Code

dylanjeffers and others added 3 commits May 21, 2026 12:12
The host-contest page passed full absolute URLs (fullContestPage,
fullTrackPage) to react-router's navigate(), which treats them as
relative path segments — producing blank pages at URLs like
/host-contest/https:/audius.co/<handle>/contest/<slug>.

Switch to the relative-path helpers so submit, cancel, and delete
navigate to a real route.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
useCreateEvent's onMutate awaits sdk.events.generateEventId() before
priming the optimistic cache. The previous fire-and-forget mutate() meant
handleSubmit kept going and navigated to the contest page while the
optimistic write was still pending, so the contest query found nothing in
cache and the page stuck on its skeleton until the indexer caught up.

Switch to mutateAsync and await it so the optimistic event is in the
cache (and the SDK call has landed on the server) before we redirect.
On error we now bail out of navigation so the user can retry from the
form instead of landing on a half-created contest page.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…eader

Owners can now edit the playlist/album title (Enter to save, Escape to
cancel) and description (blur to save, Escape to cancel) directly from
the collection page header instead of being deep-linked to the dedicated
edit page. Saves dispatch through the existing editPlaylist saga.

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

changeset-bot Bot commented May 22, 2026

⚠️ No Changeset found

Latest commit: 578f6c4

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-14383.audius.workers.dev

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

@dylanjeffers dylanjeffers merged commit b242e13 into main May 22, 2026
13 checks passed
@dylanjeffers dylanjeffers deleted the claude/infallible-dirac-c89abc branch May 22, 2026 18:56
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