This is a simple React project that demonstrates the problem we are trying to resolve.
The application starts with a form that invites the user to add a new form. When Add is clicked, a new form is added to the application above the add-new-form component.
Requirement 1: We would like to disable the Add button until the new form has been saved.
The form that appears after clicking Add should have a Save button. When the user clicks the Save button, the form should be saved and the Add button should be enabled again.
Requirement 2: Only the Save button should appear when it is first created.
Once the Save button is clicked, the Edit button should appear and the Add button on the add-new-form component should be enabled.
Requirement 3: The Edit button appear when the form is saved.
Requirement 4: The Add button should only be enabled when all forms have been saved.
There is no limit to the number of forms we should be able to add.