As a user, I should be able to add personnel to the list
AC
WHEN I am on the personnel "page"
THEN I click the plus button
AND a bootstrap accordion opens
AND I see the new personnel form
AND when I enter info and hit save it adds to firebase
AND appears in the personnel list on the page
DEV NOTES
Modify 'printPersonnel' to add accordion to personnelContainer component - exactly like in bootstrap
Use a font awesome + sign for the button
Add a form and input fields to the accordion - name (type=text), imageUrl (type=text), occupationTypeId (radio button), description (type=number)
Add an event listener to the save button (id=save-personnel) that calls a function called savePersonnelEvent
*'savePersonnelEvent' - preventDefault, create an object that looks like a personnel object (5 key value pairs), call function in personnelData.js called addPersonnel
'addPersonnel' should take in a personnel object and do a axios.put to personnel.json
*savePersonnelEvent on failure of axios call does console.error('personnel did not save')
savePlaneEvent on success of axios call reprints printPlane
User Story
As a user, I should be able to add personnel to the list
AC
WHEN I am on the personnel "page" THEN I click the plus button AND a bootstrap accordion opens AND I see the new personnel form AND when I enter info and hit save it adds to firebase AND appears in the personnel list on the page
DEV NOTES