Update swap button

src/components/BalancesList.js

@@ -45,6 +45,7 @@ import {
   refreshAccountInfo,
   useSolanaExplorerUrlSuffix,
 } from '../utils/connection';
+import { useRegion } from '../utils/region';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { serumMarkets, priceStore } from '../utils/markets';
 import { swapApiRequest } from '../utils/swap/api';
@@ -118,6 +119,7 @@ export default function BalancesList() {
   const isExtensionWidth = useIsExtensionWidth();
   // Dummy var to force rerenders on demand.
   const [, setForceUpdate] = useState(false);
+  const region = useRegion();
   const selectedAccount = accounts.find((a) => a.isSelected);
   const allTokensLoaded = loaded && fairsIsLoaded(publicKeys);
   let sortedPublicKeys = publicKeys;
@@ -272,7 +274,7 @@ export default function BalancesList() {
             </IconButton>
           </Tooltip>
           <DomainsList open={showDomains} setOpen={setShowDomains} />
-          <SwapButton size={iconSize} />
+          {region.result && !region.result.isRestricted && <SwapButton size={iconSize} />}
           <Tooltip title="Migrate Tokens" arrow>
             <IconButton
               size={iconSize}

src/utils/region.ts

@@ -0,0 +1,10 @@
+import { useAsync } from 'react-async-hook';
+
+const ENDPOINT = 'https://calm-hat-66c2.project-serum.workers.dev';
+
+export function useRegion() {
+  return useAsync(async () => {
+    const resp = await fetch(ENDPOINT);
+    return await resp.json();
+  }, []);
+}