Light-client: On open channel spinner my fan is going crazy

[christianbrb]

Thanks for filing a bug report :-)

Steps to Reproduce

1. Navigate to https://lightclient.raiden.network/staging/
2. Select a hub
3. Enter deposit
4. Click on "Open Channel"

Expected Result

• My computer stays silent
• I see the Horizontal Progress Bar instead of the Spinner
• No block information (see #1798)

Actual Result

• My fan is running and GPU is at ~95%

• Maybe the spinner (Vue-Component?) is killing the GPU?

Additional Infos (Optional)

- Firefox

[nephix]

Definitely a thing :) #1434

[christianbrb]

Hey @nephix! Nice to see you being around ☘️

[kelsos]

Assuming that this is caused by the animation indeed, I don't see how we could fix it other than removing the progress spinner.

[christianbrb]

Would be fine for me to either delete or replace it.

[kelsos]

My experience so far is that animations of any kind will not perform properly on the web, depending on the combination of hardware and software. You can see a couple of people opening similar issues in Vuetify's repo.

Deleting it would not make sense. we still have to show something to the user when they are waiting. But if we go with animated content there is an absolute certainty that they won't work properly everywhere.

One idea would be to use some kind of animated image with transparency instead. But rasterized animated content with transparency can be tricky to get right.

[christianbrb]

We could show the following

Waiting for the transactions to be confirmed - Block Number: ####

The Block Number would increment and would show the user that something is happening.

In the future we could do something like we did for the transactions.

[christianbrb]

As a quickfix we could use the bar, which we have on the transfer in progress modal
(I wasn't quick enough taking a screenshot)