Lunie: Weird display effect when redirecting to Transactions page

[fedekunze]

Description:

The effect is very fast, but it's annoying.

Steps to reproduce:

• Go to a random page
• Click Transactions on the sidebar

[sabau]

I've checked and this happens when we switch tab, then all the transactions gets collected, and for a tiny amount of time you see the old list / no list message.
This will probably be addressed with the new graphics. Should we add a spinner in the meanwhile?

[sabau]

Practically this is the spinner

• the first time appears, and it stays there for a fraction of second,
• then once at least one transaction is in the store it doesn't appear anymore. and once the extra transactions has been fetched they are displayed.

A possible improvement I can see is to welcome the new transactions with a little animation and do the same to make the spinner disappear a bit more slowly the first time

Actually we can use the same technique also on other modals but probably this isn't the right place for this discussion

[sabau]

I think we should tackle this when we merge the repositories directly in the tm ui components

<transition name="transition"><...current compoment /></transition>

and some tiny css to manage Vue

.transition-enter-active, .transition-leave-active {
  transition: opacity 0.25s ease-out;
}

.transition-enter, .transition-leave-to {
  opacity: 0;
}

[faboweb]

Should we add a spinner in the meanwhile?

Good easy fix.

I also like the animation idea. Let's discuss this tomorrow

[sabau]

I just tried in the pug world and it adds the classes out of the box XD so once will be merged is a 5 minutes fix

[faboweb]

Waiting for tendermint/ui merge

[sabau]

Seems not a problem anymore XD

[jbibla]