From dd5da795093d54a7c656e3dda45fe4a1a06639d2 Mon Sep 17 00:00:00 2001
From: everdimension <everdimension@gmail.com>
Date: Sat, 28 Dec 2024 15:51:15 +0300
Subject: [PATCH] Prevent form crash when tx is not ready

Show native form hint
---
 src/ui/pages/SwapForm/SwapForm.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/ui/pages/SwapForm/SwapForm.tsx b/src/ui/pages/SwapForm/SwapForm.tsx
index 94099cd91..e91513624 100644
--- 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">