Search by tag Button

[SLS-BLN]

Value proposition

As a user, I want to click on a tag button so that I can get more videos or blog posts on that issue.

Description

When pressing the tab button, the user sees a list of blog posts and videos on a new page. On this page there are more tags - so the user can switch to another issue of interest.

Acceptance criteria

• [x] when the user presses the tag button a list of blog posts and videos is shown
• [x] when the user presses on another tag button, another list of blogs post and videos ist shown
• [x] the tag button needs further information for users of screen readers - the tag itself is not enough to understand what will happen on pressing the button
• [ ] back button - user is redirected to the page before

Complexity

Small | Medium | Large

Tasks

• [x] Create branch search-by-tag
• [x] add Aria Label to tag button - tag button is already in use
• [x] add navigate hook to tag button / useSearchParam
• [x] create a nested route (url/search?tag-name) - React Router
• [x] add Search folder
• [x] add SearchByTag.js file
• [x] create SearchByTag component with
• • [x] filter on video and blog data arrays
• • [x] list of other tags / map function

[PReichetanz]

Hi Stefan,

nice story! Two questions: Why are the tags "Audio", "Schnitt" and "Kamera" displayed three times? And why has the smaller tag "Audio" above the blog post another color than the search tag? I think this might be confusing for the user.