As a user, when I'm editing a group I want to be able to transfer a dial to another group so I don't have to re-enter its details.
[x] Select a FontAwesome icon that makes sense for transferring an entity to another location.
[x] In the <GroupDetails /> component, update the list item so it has the selected icon.
[x] When you click on the transfer icon a pop up appears
[x] Include message that this action is immediately applied.
[x] Show a drop down with the other groups to transfer to.
[x] A "Cancel" and "Transfer" button
[x] When a dial is transferred it is:
[x] In useGroupStore.state.groups the dial is immediately removed from the current group and appended to the end of the target group.
[x] The dial is removed from the GroupDetails copy of tempDials, so if there were no other pending changes it should be equal to the group in useGroupStore.state.groups. Ideally tempDials is not reset by this re-render so any other pending changes are still present after the dial is transferred.
[x] The view should stay on GroupDetails after the dial is transferred.
As a user, when I'm editing a group I want to be able to transfer a dial to another group so I don't have to re-enter its details.
<GroupDetails />
component, update the list item so it has the selected icon.useGroupStore.state.groups
the dial is immediately removed from the current group and appended to the end of the target group.GroupDetails
copy oftempDials
, so if there were no other pending changes it should be equal to the group inuseGroupStore.state.groups
. IdeallytempDials
is not reset by this re-render so any other pending changes are still present after the dial is transferred.GroupDetails
after the dial is transferred.