We’ve just launched some huge updates to external accounts for Monzo Plus and Monzo Premium users, including up to 3 years of transaction history, categorisation and a summary of your spending!

Here’s a thread of some of the little details on how we built it

On our new transaction details page all the sections and rows on the are now completely driven from the backend.
The amazing @blob8101 used this for internal testing to ensure our categorisation was working correctly by exposing the raw info!

The header on the transaction details page mirrors the gradient of the category icon, but we then we add an additional mask gradient to fade that content into the rest of the screen. Gradients on gradients on gradients.

There’s just one network response used for both the Summary and Category Feed to avoid showing spinners when looking at different categories. We extracted the loading/loaded/error state management to a shared object so both screens subscribe to and can request a refresh from

The Summary transaction models are similar to the Feed but are different objects because there are small differences between them
To hide this from the user we proactively refresh the Summary, so when they back the updated transaction has already disappeared from the list!

Thanks for reading! If you're interested in some of the smaller design details I recommend checking out @ben_strak's thread https://twitter.com/ben_strak/status/1384473318175117314?s=20

And if you want to find out more about our new external accounts feature and updates to virtual cards, check out our blog post https://monzo.com/blog/2021/04/20/new-features-for-connected-accounts-and-virtual-cards