US - edit comments/replies

[Bruno0221]

Value proposition

As a User I want to edit comments I posted In order to fix typos

Description

Acceptance criteria

• [ ] Comments created by users have an Edit Button when logged in
• [ ] clicking the button opens an input field with the comment as default value
• [ ] user can change the value of the input field
• [ ] there are buttons to save or abort editing
• [ ] after editing a comment there is a hint that this comment has been edited
• [ ] App design matches our design criteria

Tasks

• [ ] Create new branch US_edit-comments
• [ ] add EditButton to Comment component
• [ ] add abort button to CommentForm component and only render it when editing comment
• [ ] onClick, the Comment body is hidden and the CommentForm component is rendered
• [ ] CommentForm has comments text as default value
• [ ] submitting form sends a patch request to update comment.text and add a isEdited key set to true
• [ ] add patch request in api route
• [ ] the new text is rendered in the Comment component with a small "(bearbeitet)" behind it
• [ ] Style new elements according our styling criteria

[stellanw]

Looks Good! Just one thing - maybe you meant something like this "Comments written by the user..." here: Comments a created by users have an Edit Button when logged in