Fix lack of gas estimation (#2909)

Author: piekczyk

pages/[networkOrProduct]/ajna/[...position].tsx

@@ -1,6 +1,6 @@
 import { getNetworkContracts } from 'blockchain/contracts'
 import { isSupportedNetwork, NetworkIds, NetworkNames } from 'blockchain/networks'
-import { ProductContextHandler } from 'components/context'
+import { GasEstimationContextProvider, ProductContextHandler } from 'components/context'
 import { isAddress } from 'ethers/lib/utils'
 import { ajnaProducts } from 'features/ajna/common/consts'
 import { AjnaLayout, ajnaPageSeoTags } from 'features/ajna/common/layout'
@@ -21,13 +21,15 @@ interface AjnaPositionPageProps {
 function AjnaPositionPage({ id, product, collateralToken, quoteToken }: AjnaPositionPageProps) {
   return (
     <ProductContextHandler>
-      <AjnaProductController
-        collateralToken={collateralToken}
-        flow={id ? 'manage' : 'open'}
-        id={id}
-        product={product}
-        quoteToken={quoteToken}
-      />
+      <GasEstimationContextProvider>
+        <AjnaProductController
+          collateralToken={collateralToken}
+          flow={id ? 'manage' : 'open'}
+          id={id}
+          product={product}
+          quoteToken={quoteToken}
+        />
+      </GasEstimationContextProvider>
     </ProductContextHandler>
   )
 }

pages/[networkOrProduct]/ajna/[id].tsx

@@ -1,5 +1,5 @@
 import { isSupportedNetwork, NetworkNames } from 'blockchain/networks'
-import { ProductContextHandler } from 'components/context'
+import { GasEstimationContextProvider, ProductContextHandler } from 'components/context'
 import { AjnaLayout, ajnaPageSeoTags } from 'features/ajna/common/layout'
 import { AjnaProductController } from 'features/ajna/positions/common/controls/AjnaProductController'
 import { GetServerSidePropsContext } from 'next'
@@ -13,7 +13,9 @@ interface AjnaManagePositionPageProps {
 function AjnaManagePositionPage({ id }: AjnaManagePositionPageProps) {
   return (
     <ProductContextHandler>
-      <AjnaProductController id={id} flow="manage" />
+      <GasEstimationContextProvider>
+        <AjnaProductController id={id} flow="manage" />
+      </GasEstimationContextProvider>
     </ProductContextHandler>
   )
 }

pages/[networkOrProduct]/maker/[vault]/index.tsx

@@ -1,7 +1,7 @@
 import BigNumber from 'bignumber.js'
 import { ethereumMainnetHexId, isSupportedNetwork, NetworkNames } from 'blockchain/networks'
 import { WithConnection } from 'components/connectWallet'
-import { ProductContextHandler } from 'components/context'
+import { GasEstimationContextProvider, ProductContextHandler } from 'components/context'
 import { AppLayout } from 'components/layouts'
 import { GeneralManageControl } from 'components/vault/GeneralManageControl'
 import { WithTermsOfService } from 'features/termsOfService/TermsOfService'
@@ -36,13 +36,15 @@ function Vault({ id }: { id: string }) {
 
   return (
     <ProductContextHandler>
-      <WithConnection pageChainId={ethereumMainnetHexId} includeTestNet={true}>
-        <WithTermsOfService>
-          <WithWalletAssociatedRisk>
-            {isValidVaultId ? <GeneralManageControl id={vaultId} /> : <NotFoundPage />}
-          </WithWalletAssociatedRisk>
-        </WithTermsOfService>
-      </WithConnection>
+      <GasEstimationContextProvider>
+        <WithConnection pageChainId={ethereumMainnetHexId} includeTestNet={true}>
+          <WithTermsOfService>
+            <WithWalletAssociatedRisk>
+              {isValidVaultId ? <GeneralManageControl id={vaultId} /> : <NotFoundPage />}
+            </WithWalletAssociatedRisk>
+          </WithTermsOfService>
+        </WithConnection>
+      </GasEstimationContextProvider>
     </ProductContextHandler>
   )
 }