On Contra there is a single place where you can view all transactions that effected your Contra wallet balance. There are multiple different types of statuses, types, and accounts that will all surface on this view depending if you are a client or an independent contractor on Contra.
Filter Controls
Working on the Contra team with other engineers and designers I was able to work on the filter controls that allow users to filter in realtime what types of transaction they want to view. The filter components were an adaptive solution that had slightly different UI behaviours in our small vs large breakpoints. We support filters by project, incoming vs outgoing money, statuses, and the type of account the money was associated with. Including various sort methods to help users view the most accurate transaction information.
Expandable Transaction Detail Cards
We have both a collapsed and expanded view of transaction log entries. There are many variations of these cards that exist depending on the transaction type and statues, and the account type of the transaction.
2021
