Standardized activity

[jasperjansz]

We at Hiro build three products that show activity: the web wallet, desktop wallet, and the explorer. Currently, they all show activity in a different way:

Many users use at least the web wallet and explorer, and a subset of them will use the desktop wallet too. To help avoid confusion, we should standardize how we show activity across our products where we can.

Proposal

• Make the wallets share the same components — the only difference is the desktop wallet is wider.
• Reuse what we can for the explorer, but add richer information.

You can find the components in the design system here, and here is an example of how they'd look in action.

Please leave your comments! It's super easy to make changes the way it's set up in Figma.

[kyranjamie]

Love it. Let's do this.

Only thing I'd note is implementation related. I don't think this belongs in the UI library. Doing so would mix domain concerns, the concept of transactions, with domain-agnostic components, buttons, boxes etc. We should create a separate monorepo for these domain-aware components, and publish them as their own npm packages.

[beguene]

Looks great ! This consistency and reusability will be really valuable.