payloadcms/payload

Edit-Many Modal (with drafts): "draft" action button in the wrong order and style (compared to Edit-Collection-View)

Closed this issue · 3 comments

Link to reproduction

No response

Describe the Bug

The issue

If "drafts" are enabled the "draft" action button is rendered on the

  • edit-many-modal: as a "primary" button, on the right side of the "publish" button

Image

  • edit-collection view: as a "secondary" button, to the left of the "publish" button

Image

--> This is inconsistent and can lead to user mistakes pushing the wrong button because muscle-memory+human-brains

Expected

The "draft" action button on the edit-many-modal should have the same order and style as on the default edit-collection view.
Meaning: it should come first and be styled as a "secondary" button.

Todo

I pushed PR #9046 which adjusts the order and the style of the draft button to be consistent with the default edit-collection view.

v3

I'm fixing this primarily for our v2 based backend.
But I also pushed a PR for the beta in #9047

To Reproduce

  1. setup
  • basic config + "versions.drafts = true"
  • add a collection with an item
  1. steps
  • in admin UI
  • open collection table view in 2 tabs
    • tab1: open item directly in "edit" view
    • tab2: select item, press "edit" action button (for edit-many modal to open)

Compare "edit many" modal with "edit collection item" view.

Payload Version

2.30.3 / 3.0.0-beta.124

Adapters and Plugins

No response

Note: I adjusted the description to reflect that this is a v2 + v3/beta issue ... PRs with the necessary fix for each version were pushed.

🚀 This is included in version v3.0.0-beta.126

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.