Destination-Edit

[aleshakay]

User Story As a user, I should be able to edit destinations.

AC WHEN I click edit on the destinations edit button
THEN I should see a modal appear with the destination fields (environment, name, description). AND I should be able to update any of the fields with new information AND when I press "save" on the modal, the row should reflect my updates.

DevNotes

• In helpers/data/destination.js add the axios call to Firebase which will be an axios.put
• addeditDestination the name of the function for the axios call, to the export default line.
• Inside of destination.js, find the destinationBuilder function and add Edit button to the html string to print each loop.
• the modal's "Save" button should have an id of update-employee
• write a function called updateDestination that accepts an event (e) that, when initiated, gathers the value of the modal's inputs and updates firebase with this data by utilizing the updateDestination function

  
    axios.get(`${baseUrl}/destination/${destinationId}.json`)
      .then((result) => {
        const destinationObject = result.data;
        destinationObject.name = newDestinationData;
        destinationObject.environment= newDestinationData
            destinationObject.destination = newDestinationData;
        updateDestination(destinationId, destination);
        resolve();
      })
          .then(() => {
          destinationDisplay.reservationBuilder(destinationId);
          })
      .catch((error) => reject(error));
  });```

• .the destinationBuilder function should be called again and reprint the reservation details reflecting the update.
• add editDestinationRecord to export line at bottom
• add editDestinationRecord to init in main.js.