build a new Transaction History screen

[decentralistdan]

• a user navigates here by tapping the See all button

1. implement filtering for the transaction list:

• when a user taps on the Filters button, Filter bottom sheet pops up
• a user can choose as many filters as they want (Sent, Received, Memos, Unread, Bookmarked, Notes)
• when a filter type is selected, a bubble is now filled in white(not grey), and an x is shown in the bubble to allow the user to deselect individual filter choices
• Reset button removes highlighted choices (back to grey bubble)
• once a user taps on the Apply button, the bottom sheet should come down (be hidden), and selected filters should be applied (only display transactions which fit the selected fitlers)
• the button for accessing filters is highlighted and displays the # of filters the user has selected

2. implement Search functionality for transactions:

• a user can tap into the Search bar and do full text searching:

  • search within memos
  • search within notes
  • search within Address Book names
  • search within addresses
  • search within amounts

• implement No search results state

3. display user-friendly time of transaction for recent transactions:

• display "x days ago" for transactions which happened up to 30 days ago
• display a date and time for transactions older than 30 days in a user-friendly format

4. display section header which helps the user understand when given transactions were sent:

• Today
• Yesterday
• Previous 7 Days
• Previous 30 Days
• any transaction older than 30 days, should just be displayed in a section named "Month" "Year"
• persist the section header when a user is scrolling through the transactions and change it dynamically based on the section a user currently is in

5. build a loading state for the Transaction History screen (use shimmer animation)

6. implement color for transactions in progress and failed transactions:

• implement blue highlight for transactions in progress (not completed, mined and confirmed)

• light mode designs

• dark mode designs

• implement red highlight + amount for failed transactions

  • light mode designs
  • dark mode designs

7. implement displaying a blue dot for transactions with an unread memo

• the dot should disappear once a user taps on the transaction