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.

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.