User Story 5: Notes for Locations

AlexDernov commented 11 months ago

Value Proposition

As a hungry oarsman/woman I want to write notes for each location so that I can save, edit and delete more Information about them

Notes

[x] The detail view has a list of notes for this location with the headline "Notes"
[x] Each note's text is displayed
[x] Each note's date and time is displayed
[x] Each note has an "Edit" button
[x] Each note has a "Delete" button
[x] The detail view has an input field to write a note (title + text)
[x] The detail view has a submit button labeled "Save"
[x] After submitting the form, the note is added to the list of notes
[x] After submitting the form, the note is saved in the corresponding document in MongoDB
[x] Clicking the "Edit" button created in isEditMode
[x] Created "Cancel" button in isEditMode, which turns off this mode
[x] Clicking the "Save" button in isEditMode edited the note in the list of notes
[x] Clicking the "Save" button in isEditMode edited the note in the corresponding document in MongoDB.
[x] Clicking the "Delete" button deleted the note from the list of notes
[x] Clicking the "Delete" button deleted the note in the corresponding document in MongoDB.

[x] Add if (request.method === "POST") to the handler function in api/location/[id].js
[x] Add if (request.method === "PUT") to the handler function in api/location/[id].js
[x] Add if (request.method === "DELETE") to the handler function in api/location/[id].js
[x] Create "Save", "Edit", "Cancel" and "Delete" buttons
[x] Create a NoteForm component
[x] Create a Note component with async handleEdit and handleDelete functions for updating and deleting the data.
[x] Create a async handleSubmit function in LocationDetails component.
[x] Create a useState for isEditMode

L

uwoch commented 11 months ago

LGTM! You could add in the Acceptance Criteria how the delete function works, because you decribed the submitting and the editing. ;-)

AlexDernov commented 11 months ago

Styling of buttons comes later