Wallet loading skeleton design

[GBKS]

Johnny brought this up in one of the catch-up calls. While the wallet is loading, we have nothing to show in the activity screen. This may feel like lag or something is broken. A commonly used pattern is to show a so-called skeleton of the content. It's a simple layout of boxes that is reminiscent of the actual content, with a subtly animated gradient, as show in the image below.

I also implemented a first version of this in the web prototype here.

Note that there should be a custom mobile skeleton for transition items in the activity list. I did not implement that. Nor did I mock up other screens than activity. But, what's implemented should be enough to demonstrate the pattern and validate that this is and approach we want to take.

What do you think?

[johnny9]

I like the idea of this and it allows for something relatively easy to implement. Any thoughts on what the send/recieve forms should look like?

[GBKS]

For send and receive, I'd just disable the forms. You still have the loader skeleton in the top-left corner indicating that the wallet is being loaded.

[GBKS]

This is being implemented in this PR.