As a User, I'd like the ability to view and reorder all groups in a single component rather than clicking on multiple tabs and their menus to move the groups one by one.
[x] Replace "Move Group ___" buttons with a single "Edit Order" button in the TabMenu.
[x] Clicking on the button opens a PopUpModal with a list of the group names very similar to the list of DialDetails in GroupDetails. The TabMenu should disappear when the modal opens.
[x] Using the up and down arrows updates the order of groups in state immediately while the model stays open until it is closed.
[x] A neutral color "Close" button that closes the PopUpModal.
[x] Close the PopUpModal if it is no longer the focus, similar to the TabMenu components.
Extras:
[x] Update README.md
[x] Tweak styling of DialDetails list items with backdrop-blur to increase readability. Add to "Dangerous Operations" box as well.
As a User, I'd like the ability to view and reorder all groups in a single component rather than clicking on multiple tabs and their menus to move the groups one by one.
TabMenu.PopUpModalwith a list of the group names very similar to the list ofDialDetailsinGroupDetails. TheTabMenushould disappear when the modal opens.PopUpModal.PopUpModalif it is no longer the focus, similar to theTabMenucomponents.Extras:
README.mdDialDetailslist items withbackdrop-blurto increase readability. Add to "Dangerous Operations" box as well.