US20a // items - sort items

matschi3 commented 1 year ago

Value Proposition

As a user I want to have some sorting option so that i can easy sort my items

[x] on items page there are buttons to sort displayed items
[x] the buttons are placed on top of the page, right between heading and the listed items
[x] the buttons are scrollable horizontally
[x] the buttons can move out of the viewable-area on left and right when they are too big for screen-width
[x] depending on set sorting, the correct items gets rendered in the correct order

[x] create branch feature/us20a/items-sort-only and switch into it
[x] use filter-component from partsList
[x] setup sort-buttons
[x] add const filteredItems with .sort()
[x] handle filteredItems into mapped ItemCard component in return of ItemPage

vaupunkt commented 1 year ago

you could rewrite it into two seperate stories one for filtering one for sorting

i think both functions are big enough by themself for seperate stories 😊

matschi3 commented 1 year ago

// edit split into 20a and 20b this is 20a now

marcbendixen commented 1 year ago

That's a good point. In this case creating two use stories out of it makes sense. Your pull requests will also become smaller 👍