Prevent form crash when tx is not ready

Show native form hint
zeriontech · Dec 28, 2024 · dd5da79 · dd5da79
1 parent fe73f89
commit dd5da79
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/ui/pages/SwapForm/SwapForm.tsx b/src/ui/pages/SwapForm/SwapForm.tsx
@@ -76,6 +76,7 @@ import { getGas } from 'src/modules/ethereum/transactions/getGas';
 import { uiGetBestKnownTransactionCount } from 'src/modules/ethereum/transactions/getBestKnownTransactionCount/uiGetBestKnownTransactionCount';
 import type { ZerionApiClient } from 'src/modules/zerion-api/zerion-api-bare';
 import { useGasbackEstimation } from 'src/modules/ethereum/account-abstraction/rewards';
+import { HiddenValidationInput } from 'src/ui/shared/forms/HiddenValidationInput';
 import {
   DEFAULT_CONFIGURATION,
   applyConfiguration,
@@ -832,6 +833,16 @@ export function SwapFormComponent() {
         </VStack>
         {quote ? <ProtocolFeeLine quote={quote} /> : null}
       </VStack>
+      <div style={{ position: 'relative', width: '100%', textAlign: 'center' }}>
+        <HiddenValidationInput
+          form={formId}
+          customValidity={
+            currentTransaction
+              ? ''
+              : 'Form is not ready. Please check your network, gas token amount and input values'
+          }
+        />
+      </div>
       <VStack gap={16} style={{ marginTop: 'auto' }}>
         <AnimatedAppear display={showApproveHintLine}>
           <HStack gap={12} alignItems="center">