edit mission - UPDATE - Githubissues

USER STORY

As a user, I should be able to edit my missions.

WHEN the missions page loads THEN I should be able to edit a mission AND it should not create a new entry in the database, only edit an existing one

[ ] create a new component/file called editMission.js
[ ] create a modal in editMission.js
[ ] add a button under the mission title in missions.js file in buildAllMissions with id="edit-missions-btn"
[ ] use a font awesome feather icon and edit mission
[ ] add an event listener to the new button
[ ] the event listener should call a function called editMissionForm
[ ] create a function in editMissionForm called editMissionForm
[ ] build out an html bootstrap form using the domString variable
[ ] it should have as many inputs as keys in the object, title appropriately
[ ] it should have a submit button at the bottom
[ ] the submit button has an event listener attached that calls a function named updateMissionItem
[ ] in missions.js create the function updateMissionItem
[ ] create updateMissions function in missionsData.js
[ ] uses an axios.post() to send to database
[ ] back in updateMissionItem function - takes eas a parameter
[ ] use e.preventDefault()
[ ] then call updateMissions function
[ ] .catch() should console.error and comment and the error
[ ] .then() should create an object called editedMission with as many key:value pairs as there are
[ ] keys in the original seed data, plus the uid key that calls the getMyUid function
[ ] should then call the buildAllMissions function