Reduce number of clicks it takes to edit a category

[GriffGreen]

Kind of related to #202, there is a design choice to make only one place where you can edit manually... I disagree with this choice after doing user testing... people can't figure out how to edit.

When clicking this edit button on this page:

you go to this state:

But the state we want them to be in is:

Honestly I don't see a great argument for EVER showing that first state, we just need to some how prompt them to save whenever they make edits....

Also... I think these options to edit or continue

should be in this 3 dot drop down too:

AND!

I think this needs more of a Warning: Like is should use big caution signs and stuff like that, cause no one reads text

[kristoferlund]

@GriffGreen

Straight forward solution to this one would be to show a warning directly when clicking on the Edit button in the "Well done" dialog.

When user clicks Edit manually they are taken to the ranking edit page with category ready to be edited.

[kristoferlund]

Summary:

• When clicking on edit in pairwise ranking modal
  1. Show warning modal
  2. Finish category
  3. Open ranking page in edit mode for right category (add a new qs parameter, maybe &edit=true.
• Make warning modal more of a Warning modal!
  • Replace header with: Warning

[krisjpi]

Came to check here instead of starting a new issue - I think the fix suggested above will work well. It seems like the change in flow of a category to "Finished" makes this a little weird.

edit: found the "manually edit" button on the Rankings page, feels a little bit hidden though. Personally prefer giving the warning when clicking edit in the Well Done area.

Giving a warning and an option to manually finish ranking to be able to edit should deal with this.

Attached a short clip finishing ranking (but not creating the list) and wanting to edit.

https://github.com/GeneralMagicio/pw-frontend/assets/41163644/00a345b2-28e7-41f0-8622-7a08cd7b74ce