Editing Feature for Meals

[lkk95]

User Story

• As a user
• I want to edit my recipes
• so that I can add or change something on a meal

AC

• edit icon on MealCard
• when clicking on icon a edit form is opened

Design/Wireframe

Edit Form:

Edit Icon on MealCard:

Tasks

• [x] create new branch
• [x] create new component EditForm
• [x] add pen icon to MealCard
• [x] create editing state
• [x] add onClick function to edit icon that sets editing state and renders EditForm
• [x] create function for submit in Edit Form that sets new input in edited meal

Complexity

medium

[mbosselmann]

Hi Laura, good job! 👍 I only have three remarks:

• I think the "Edit" button should be a "save" button as you want to save the changes after editing via this form or?
• I think it would be more realistic to show that the input fields are filled out as this is the edit feature 🤔
• It could be nice to know where the edit icon is. Maybe you could add this to your description via a second wireframe that shows where the edit icon is. :)

If hope that my remarks are helpful for you! If you have further questions, feel free to ask me! :)

[lkk95]

Hi Mareike, thank you for your remarks. They really helped and make sense! I hope it is clearer now where the edit icon is :)

[mbosselmann]

Hi Laura, yes! Now it is better to understand! :) I approve this user story. ✅