feat: hide WalletSelect if only 1 account is connected

Author: andrewlee348

packages/wallet-widget/src/views/Send/SendCoin.tsx

@@ -5,7 +5,8 @@ import {
   ExtendedConnector,
   truncateAtMiddle,
   useCheckWaasFeeOptions,
-  useWaasFeeOptions
+  useWaasFeeOptions,
+  useWallets
 } from '@0xsequence/connect'
 import {
   Button,
@@ -41,6 +42,7 @@ interface SendCoinProps {
 
 export const SendCoin = ({ chainId, contractAddress }: SendCoinProps) => {
   const toast = useToast()
+  const { wallets } = useWallets()
   const { setNavigation } = useNavigation()
   const { setIsBackButtonEnabled } = useNavigationContext()
   const { analytics } = useAnalyticsContext()
@@ -337,7 +339,7 @@ export const SendCoin = ({ chainId, contractAddress }: SendCoinProps) => {
                     />
                   }
                 />
-                <WalletSelect selectedWallet={toAddress} onClick={setToAddress} />
+                {wallets.length > 1 && <WalletSelect selectedWallet={toAddress} onClick={setToAddress} />}
               </>
             )}
           </div>

packages/wallet-widget/src/views/Send/SendCollectible.tsx

@@ -4,7 +4,8 @@ import {
   ExtendedConnector,
   truncateAtMiddle,
   useCheckWaasFeeOptions,
-  useWaasFeeOptions
+  useWaasFeeOptions,
+  useWallets
 } from '@0xsequence/connect'
 import {
   Button,
@@ -43,6 +44,7 @@ interface SendCollectibleProps {
 
 export const SendCollectible = ({ chainId, contractAddress, tokenId }: SendCollectibleProps) => {
   const toast = useToast()
+  const { wallets } = useWallets()
   const { setNavigation } = useNavigation()
   const { setIsBackButtonEnabled } = useNavigationContext()
   const { analytics } = useAnalyticsContext()
@@ -395,7 +397,7 @@ export const SendCollectible = ({ chainId, contractAddress, tokenId }: SendColle
                     />
                   }
                 />
-                <WalletSelect selectedWallet={toAddress} onClick={setToAddress} />
+                {wallets.length > 1 && <WalletSelect selectedWallet={toAddress} onClick={setToAddress} />}
               </>
             )}
           </div>

packages/wallet-widget/src/views/Swap/Swap.tsx

@@ -79,7 +79,7 @@ export const Swap = () => {
               </Text>
             ) : (
               <Text className="mt-2" variant="normal" color="negative">
-                Something went wrong. Please try again later.
+                Something went wrong. Try again later or with a different combination of coins.
               </Text>
             ))}