[FIXED] Issue 34: Listener added to wallet provider in order to detect account changed

[leirbag95]

This pull request fixes the issue mentioned in #34 . The issue was related to detecting and reloading when the Ethereum account changes from the wallet provider.

Changes Made:

• Added an event listener to window.ethereum to detect changes in Ethereum accounts.
• When the accountsChanged event is triggered, it reloads the interface with the updated Ethereum account.

window.ethereum.on('accountsChanged', function (accounts) {
  // Time to reload interface with accounts[0]!
})

Test Plan:

• Tested the code changes locally to ensure they function as expected.
• Checked for any potential side effects.

Screenshots:

Adapts to the entire application, here is an example after changing account the requirements are updated and the button becomes active

[BjrInt]

Thanks for the PR! 👌

Changing accounts does indeed updates the address and balance in the store and dispatches the informations on the view.
However it does not fetches and refresh the different products (functions, volumes, instances, ... ) of the user, can you take care of this as well ?

[leirbag95]

Thanks for the PR! 👌

Changing accounts does indeed updates the address and balance in the store and dispatches the informations on the view. However it does not fetches and refresh the different products (functions, volumes, instances, ... ) of the user, can you take care of this as well ?

It's done :)

I changed the useRequest.ts by adding a triggerDeps param which allows to listen account change from all of account entities

• useAccountFunctions()
• useAccountVolumes()
• useAccountInstances()
• useAccountSSHKeys()
• useAccountDomains()

export function useRequest<T>({
  doRequest,
  triggerOnMount,
  triggerDeps = [],
  ...rest
}: UseRequestProps<T>): UseRequestReturn<T> {
...
useEffect(() => {
    if (!triggerOnMount) return
    request()
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, triggerDeps)

[amalcaraz]

LGTM!