Destinations-Add

[aleshakay]

User Story

As a user, I should be able to add possible destinations.

AC

• WHEN I click on view Destination on the home/landing page
• THEN I click the button label ADD I should see a modal.
• AND I click the button ``ADD```. I should be prompted to enter the destination information (name, environment, desription) into the fields in the modal.
• I should click save and the information should be present on page in the Destination table.

Dev Notes

• create a destination component with js and scss files in it
• create a h1 with the title Destinations in Red font
• bootstrap button with ADD at the top centered under the title *Add jquery to the button as a listener for clicks..
• Create a function called addNewDestination in destination.js file
• create an axios post function to push the added to firebase destinationData.js file and export the function const addDestination = (newDestination) => axios.post(`${baseUrl}/destination.json`, newDestination);
• add modal to the index.html file
• create a function called addNewDestination
• create the promise

  e.stopImmediatePropagation();
  const newDestination = {
     name: $('#').val(),
    environment: $('#').val(),
    description: $('#').val(), 

  };
.then(() => {
      $('#exampleModal').modal('hide');
      // eslint-disable-next-line no-use-before-define
      destinationBuilder(id);
    })
    .catch((error) => console.error(error));```
* add the click event in destinationBuilder

[aleshakay]