so that I can easily return to significant logs for further reflection or discussion.
Description
Acceptance criteria
Users can highlight an emotion entry directly from the list with a clear highlight icon or button.
Highlight status is visually distinguishable, ensuring users can tell at a glance which entries have been highlighted.
The highlight action is reversible, allowing users to add or remove highlights with ease.
The user is asked a confirmation message before a highlight is about to be toggled off
A dedicated section or filter is available for viewing all highlighted entries, streamlining access to these important logs.
Users have a direct way to navigate to the highlighted entries section from the Emotion Record Page
Tasks
[ ] Create and switch to the feature branch feature/bookmark-emotion
[ ] Add logic in _app.js that toggles and updates the value of the isBookmarked key between true/false of the corresponding object of the emotionEntry. Use the object-id to make sure only that specific item is changed.
[ ] Add a descriptive confirmation message to that logic before if an item is to be toggled off
[ ] Create a bookmark-button which will be rendered with every list item in the EmotionRecordList component. Pass the toggle logic to that button and make it usable onClick.
[ ] Add visual feedback to the bookmark-button depending on isBookmarked key to make clear when an entry is bookmarked
[ ] Create a button "saved entries" close to the search bar
[ ] Add logic to that button so it shows only bookmarked entries onClick
Highlight Emotion Entry
Value Proposition
As a user
I want to highlight emotion entries,
so that I can easily return to significant logs for further reflection or discussion.
Description
Acceptance criteria
Tasks
feature/bookmark-emotion
_app.js
that toggles and updates the value of theisBookmarked
key between true/false of the corresponding object of theemotionEntry
. Use the object-id to make sure only that specific item is changed.button
which will be rendered with every list item in theEmotionRecordList
component. Pass the toggle logic to that button and make it usableonClick
.button
depending onisBookmarked
key to make clear when an entry is bookmarkedbutton
"saved entries" close to the search barbutton
so it shows only bookmarked entriesonClick