Update-Shows

[ygitore]

User Story

As a user, when i should be able to update souvenirs i want and when hover over each accordion items I should see update button.

AC

When update button is clicked, Then bootstrap modal popup with corresponding data from firebase database populate in the fields( Id, Name, date, ticketPrice, location, ImageUrl, description) and save changes button And when save changes button is clicked, update should be made both in firebase database and dom

Dev Notes

• Add bootstrap modal with input field for Id, Name, ticketPrice, location, ImageUrl, description, and date as date time format to html file
• Create updateShowsData.js file and import axios and apiKeys.json file.
• Store request to firebase database in variable called baseUrl as const baseUrl = apiKeys.firebaseKeys.databaseURL;
• Create an updateShows function that takes showsId as parameter
• Inside updateShowsData.js file create updatedShows function. as

  const updatedSouvenirs= (showsId, updatedShowsId) => axios.put(`${baseUrl}/showsId.json`, updatedShowsId);

• Export updateShows
• Import updateShows in theShows.js file
• Create finalShowsUpdate function inside theShows.js file that takes showsId as parameter for update
• Inside finalShowsUpdate function call buildShows function to display update on dom

[ivannio]

Shows page mockup

[zoeames]

Axios url isn’t quite right. Also looks like you should change the name of that. Maybe to something like this: const updatedShows= (showsId, updatedShowsId) => axios.put(`${baseUrl}/shows/${showsId}.json`, updatedShowsId);