Key | parent | P | fe story points | be story points | story points | Status |
---|---|---|---|---|---|---|
SM-1720 | Transaction Browsing in App | 13.0 | 0.0 | 13.0 | Done |
Role: User
Objective:
The user should be able to filter transactions in the transaction history list.
Reason:
To allow the user to filter the transactions not older than 1 year from their creation and to display only specific transactions according to the preferences.
Functional requirements:
User is able to click on the filter icon and select desired filter options from the list. User can also reset all selected filters at once.
UI requirements:
Filter icon is available in the upper part of the transaction history screen.
Process flow:
1. user will select the Payments option from the bottom tab bar menu
2. user will select the “See all” option
3. the full list of history transactions is displayed to the user
4. user clicks on the filter icon and a filter screen is displayed
5. user can select desired filter options and confirm the filter
6. transaction history list will be updated and displays only transactions matching the filter
7. user can reset all filters at once by clicking on reset icon on the filter screen
Execution steps (Happy path):
On the Transaction history screen, tapping on the Filters button the user is navigated to the Filter transactions panel
On the Filter transactions panel users can set the following to filter by:
Time
Setting a from & to date
‘From date’ cannot be older than 1 year from today’s date and ‘To date' cannot be later than today’s date
Amount
Setting a from & to amount
‘From amount’ cannot be less than 0
Direction
Incoming or Outgoing
Category
User can select from the predefined categories
Tapping on Filter the user is navigated to the Transaction history screen
On the Transaction history screen, the list is filtered by the user’s settings
Internal dependencies:
Transaction history screen
External dependencies:
Finalised transaction category list
Alternative scenarios:
In case there are no items, which can be filtered, display an empty state on the Transaction history screen.
Acceptance criteria:
A history list of all transactions not older than 1 year should be displayed
a filter icon is displayed on the top of the screen
user can select the filter icon and the filter screen is displayed
filter screen includes the following options:
Date “from - to” (dates are inclusive)
Amount “from - to” (amounts are inclusive)
type of the transaction “debit or credit”
category
CTA button “Filter” to confirm filtering of the transactions
reset button to cancel all the selected filters
once the user confirms the filter, the transaction history list reloads and only transactions matching the filter are displayed
Links to wireframes/UI:
https://www.figma.com/file/0LEEFZgkUnPkPTkY9PMREt/SaFi---WF-%26-UI-(Shared)?node-id=10780%3A121503