As a user, I want to see a list of a group's dials when I click on a group tab's options menu and select "Edit Group" so the group is easier to modify.
This ticket is to create a <GroupDetails /> component that will render all of the "Edit Group" functionality. Upon clicking "Edit Group", the dial group should vanish and <GroupDetails /> should render. For now the component should render the following:
[x] A list where each item is the details of a dial in the group. Each of these list items will later be fleshed out with more buttons for control.
[x] The component should keep track in state of the group's modified details. This way changes can be seen in the viewable list, but nothing is saved to the actual config until applied.
[x] A button that says "Add Dial". This button doesn't have to do anything right now, this functionality will be created in another ticket and can then be hooked up to the button.
[x] Buttons towards the bottom of the screen that say "Apply" and "Cancel". This needs to be presented in a way that makes it obvious that none of the changes being made are applied until explicitly instructed.
[x] "Cancel" simply removes the <GroupDetails /> component and re-renders the <DialGroup />.
[x] Add a simple Apply button for now, functionality will be part of Issue #33
As a user, I want to see a list of a group's dials when I click on a group tab's options menu and select "Edit Group" so the group is easier to modify.
This ticket is to create a
<GroupDetails />
component that will render all of the "Edit Group" functionality. Upon clicking "Edit Group", the dial group should vanish and<GroupDetails />
should render. For now the component should render the following:<GroupDetails />
component and re-renders the<DialGroup />
.