add indication to user when data is loading

[sirpy]

Sometimes we need to wait before allowing user to perform action.
like in the donate screen, when donating in a non G$ currency, we need to calculate the best uniswap exchnage path,
this takes time, until that time the button should be disabled + some kind of indication to user that he needs to wait.

Currently i've added this indication as a Spinner on the button

Todo:

• choose color/design for indicator
• check if loading indication is required in other places

[decentralauren]

@SanaJamm can you please provide guidance for Hadar? Ideally it matches other patterns / styles elsewhere in GoodCollective, Goodwallet and GoodDapp.

Maybe also see how this is handled in other dapps to find common patterns.

[SanaJamm]

@sirpy for some reason I can't view the image attached

[sirpy]

@SanaJamm are you logged in to zenhub?

[decentralauren]

@sirpy we would like to follow the same pattern as the Uniswap widget in GoodDapp (see animation below), where loading is handling by a combination of 1) a spinner in the widget which presents the info being updated and 2) a button that goes between disabled and enabled based on ability to perform the transaction.

Do you need any additional assets to make this happen?

[sirpy]

i need a design. colors, where exactly the spinner is in our case and its size

[decentralauren]

See design in ticket #218

[L03TJ3]

Closing this it will be part of designated buttons