Diary - READ

[emilykdewitt]

User Story

As a user, when I am logged in to my nutshell, I can see the diary entries that I have written and saved

Acceptance Criteria

WHEN I am logged in THEN I can see a series of wide "cards" that contain the title and date of each diary entry I have written, the date it was written, and two buttons - 'edit' and 'delete'

Development

• Create a diary component diaryData.js file that is in src/javascripts/helpers/data
• Create a function that passes in a uid and uses a promise and axios call to get data and filter it using the uid
• (See ticket below for framework of function)
• The array of objects that is resolved is a collection of messages for the user with that uid
• That array is then passed into a domStringBuilder for the diary entries that prints them to the page
• Take your domStringBuilder function and add it to the end of the create new diary entry function

[emilykdewitt]

  axios.get(`${firebaseUrl}/userMovies.json?orderBy="uid"&equalTo="${uid}"`)
    .then((results) => {
      const userMoviesResults = results.data;
      const userMovies = [];
      Object.keys(userMoviesResults).forEach((movieId) => {
        userMoviesResults[movieId].id = movieId;
        userMovies.push(userMoviesResults[movieId]);
      });
      resolve(userMovies);
    })
    .catch(err => reject(err));
});

const addNewUserMovie = movieObject => axios.post(`${firebaseUrl}/userMovies.json`, movieObject);

const deleteUserMovie = movieId => axios.delete(`${firebaseUrl}/userMovies/${movieId}.json`);

export default { getUserMoviesData, addNewUserMovie, deleteUserMovie }; ```