From 1256c2090461f5ebc696e36471e8210e266aedff Mon Sep 17 00:00:00 2001
From: claudiaHash <49017601+claudiaHash@users.noreply.github.com>
Date: Wed, 13 Apr 2022 18:24:19 +0300
Subject: [PATCH] Trade input accepts  decimals with leading 0 (#1294)

* input accepts number with leading 0 decimals

* input fields changes

* value type fix

Co-authored-by: ClaudiaHolhos <claudia@oceanprotocol.com>
---
 src/components/@shared/FormInput/index.tsx             | 2 +-
 src/components/Asset/AssetActions/Trade/TradeInput.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/@shared/FormInput/index.tsx b/src/components/@shared/FormInput/index.tsx
index bb14778cf..64a5b065b 100644
--- a/src/components/@shared/FormInput/index.tsx
+++ b/src/components/@shared/FormInput/index.tsx
@@ -29,7 +29,7 @@ export interface InputProps {
   options?: string[]
   sortOptions?: boolean
   additionalComponent?: ReactElement
-  value?: string
+  value?: string | number
   onChange?(
     e:
       | FormEvent<HTMLInputElement>
diff --git a/src/components/Asset/AssetActions/Trade/TradeInput.tsx b/src/components/Asset/AssetActions/Trade/TradeInput.tsx
index a6552c74b..617fca89f 100644
--- a/src/components/Asset/AssetActions/Trade/TradeInput.tsx
+++ b/src/components/Asset/AssetActions/Trade/TradeInput.tsx
@@ -61,15 +61,16 @@ export default function TradeInput({
             placeholder="0"
             field={field}
             form={form}
+            disabled={!accountId || disabled}
+            additionalComponent={<Error meta={meta} />}
             value={`${field.value}`}
+            {...field}
             onChange={(e: ChangeEvent<HTMLInputElement>) => {
               handleChange(e)
               handleValueChange(name, Number(e.target.value))
               // debounce needed to avoid validating the wrong (pass) value
               debounce(() => validateForm(), 100)
             }}
-            disabled={!accountId || disabled}
-            additionalComponent={<Error meta={meta} />}
           />
         )}
       </Field>