Uniswap Swap Modal Improvements

[dillchen]

Description

We want to improve the UX for a few cases for the Uniswap Swap Modal: here are the cases and the desired user behavior across the UniswapTradeModal and UniswapTrade. each

1. If I connect with a Magic Wallet, I should auto switch networks (magic should switch chains via magicNetworkUtils file)

• I should not need to be prompted to switch chains

2. If I connect with an address / Metamask

• The useNetworkSwitching should pop up the provider, to “switch chains” in the provider it does not

3. If no address not logged in (it should just show the swap modal, and be directed to the correct chain and it should prompt the user to connect wallet)

The screenshot below is the current UI / UX

4. Prompt to Connect Wallet should leverage the onConnectWalletClick

https://docs.uniswap.org/sdk/swap-widget/reference/v2#optional-parameters

Ideally leverages the following

**Current on click behavior: **

https://www.loom.com/share/8adf76272503420ebe10a65370816980

Ideal Flow

1. On Wallet Connect Click
2. Opens our AuthModal
3. Returns the injected provider (resolving promise true / false) if sign in is completed

Later

5. If I connect I should only fetch a subset of all the network configs (major networks)

• Instead of all (all networks we support swaps on) -> https://github.com/Uniswap/widgets/blob/main/src/constants/chains.ts#L4

The above is a list of all supported chains

[ianrowan]

When I use magic it is always on the right chain for the swap - am I missing something?

CC @dillchen

Update: May be due to Kurtis changes which I pulled in before starting, so I believe fixed in #11712