As a user
I want to click on a menu-button in the flashcard to open more features like the editing button.
In order to have a flashcard, that is not overload with lots of buttons, so that I can focus on the learning content.
Description
In the right top corner of each flashcard (in the front and also back) I can click on a small button-menu with three dort to open a new menu page.
Acceptance criteria
[ ] When you click on the three dots button on the flashcard, a menu-page opens. For the moment the flashcard-menu contains the edit-function and a close button.
[ ] The edit button is not shown on the flashcard anymore, just in the menu-page.
Tasks
[ ] For first the Menu-Component (see User Story - Menu-Component) is refactored, so that the return-statement is more reusable.
[ ] to reach this goal, you pass a third prop in the Menu-Component named menuItems. Instead of returning the link to the HomePage, you map over the prop menuItems and return a Link to the items.link. and the items.name.
[ ] in the Header-Component, where the Menu-Component was returned the first time you have to refactor the return-statement, so that the hamburger-menu is shown as before.
[ ] In the CardContainer-component a new variable is added, to show the items.name(edit-button) and link it to the edit page.
[ ] The Menu-Component is returned in the CardContainer-Component with the three props openIcon, closeIcon an menuItem.
[ ] The onEdit function is moved from the ButtonNavbar-Component to Card-Component.
[ ] The edit-button is deleted from the ButtonNavBar, when the functionality of the edit-button works
Value proposition
As a user I want to click on a menu-button in the flashcard to open more features like the editing button. In order to have a flashcard, that is not overload with lots of buttons, so that I can focus on the learning content.
Description
In the right top corner of each flashcard (in the front and also back) I can click on a small button-menu with three dort to open a new menu page.
Acceptance criteria
Tasks