feat: validate amount inputs

src/components/form/Input.tsx

@@ -31,6 +31,7 @@ const Input = forwardRef(
             before: token || actionButton,
             after: selectBefore,
           })}
+          step="any"
           autoComplete="off"
           ref={ref}
         />

src/pages/wallet/IbcSendBackTx.tsx

@@ -276,6 +276,7 @@ function IbcSendBackTx({ token, chainID }: Props) {
                     decimals
                   ),
                 })}
+                type="number"
                 token={ibcDetails?.baseDenom}
                 inputMode="decimal"
                 onFocus={max.reset}

src/pages/wallet/SendPage.tsx

@@ -441,6 +441,7 @@ const SendPage = () => {
                     ),
                   })}
                   token={asset}
+                  type="number"
                   inputMode="decimal"
                   onFocus={max.reset}
                   placeholder={getPlaceholder(decimals)}

src/pages/wallet/TransferPage.tsx

@@ -419,6 +419,7 @@ const TransferPage = () => {
                     ),
                   })}
                   token={asset}
+                  type="number"
                   inputMode="decimal"
                   onFocus={max.reset}
                   placeholder={getPlaceholder(decimals)}

src/styles/_customize.scss

@@ -63,3 +63,13 @@
 .recharts-legend-wrapper {
   max-width: 45%;
 }
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}

src/txs/gov/DepositForm.tsx

@@ -93,6 +93,7 @@ const DepositForm = () => {
               })}
               token={networks[chain].baseAsset}
               onFocus={max.reset}
+              type="number"
               inputMode="decimal"
               placeholder={getPlaceholder()}
               autoFocus

src/txs/gov/SubmitProposalForm.tsx

@@ -242,6 +242,7 @@ const SubmitProposalForm = ({ chain }: { chain: string }) => {
                 validate: validate.input(toInput(max)),
               })}
               inputMode="decimal"
+              type="number"
               placeholder={placeholder}
               selectBefore={
                 <Select {...register("spend.denom")} before>
@@ -372,6 +373,7 @@ const SubmitProposalForm = ({ chain }: { chain: string }) => {
                     valueAsNumber: true,
                   })}
                   inputMode="decimal"
+                  type="number"
                   placeholder={getPlaceholder()}
                   selectBefore={
                     <Select {...register(`coins.${index}.denom`)} before>
@@ -483,6 +485,7 @@ const SubmitProposalForm = ({ chain }: { chain: string }) => {
                     true
                   ),
                 })}
+                type="number"
                 token={networks[chain].baseAsset}
                 onFocus={max.reset}
                 inputMode="decimal"

src/txs/stake/QuickStakeForm.tsx

@@ -213,6 +213,7 @@ const QuickStakeForm = (props: Props) => {
                     valueAsNumber: true,
                     validate: validate.input(toInput(max.amount)),
                   })}
+                  type="number"
                   token={denom}
                   onFocus={max.reset}
                   inputMode="decimal"

src/txs/stake/StakeForm.tsx

@@ -290,6 +290,7 @@ const StakeForm = (props: Props) => {
               })}
               token={denom}
               onFocus={max.reset}
+              type="number"
               inputMode="decimal"
               placeholder={getPlaceholder()}
               autoFocus

src/txs/swap/TFMSwapForm.tsx

@@ -290,6 +290,7 @@ const TFMSwapForm = ({ chainID }: { chainID: string }) => {
                     ),
                   })}
                   inputMode="decimal"
+                  type="number"
                   placeholder={getPlaceholder(offerDecimals)}
                   onFocus={max.reset}
                   autoFocus
@@ -333,6 +334,7 @@ const TFMSwapForm = ({ chainID }: { chainID: string }) => {
               })}
               input={slippageInput} // to warn
               inputMode="decimal"
+              type="number"
               placeholder={getPlaceholder(2)}
               error={errors.slippageInput?.message}
             />

src/txs/wasm/ExecuteContractForm.tsx

@@ -123,6 +123,7 @@ const ExecuteContractForm = () => {
                       valueAsNumber: true,
                     })}
                     inputMode="decimal"
+                    type="number"
                     placeholder={getPlaceholder(decimals)}
                     selectBefore={
                       <Select {...register(`coins.${index}.denom`)} before>

src/txs/wasm/InstantiateContractForm.tsx

@@ -119,6 +119,7 @@ const InstantiateContractForm = ({ chainID }: { chainID: string }) => {
                 },
               })}
               inputMode="decimal"
+              type="number"
               placeholder="1"
               autoFocus
             />
@@ -156,6 +157,7 @@ const InstantiateContractForm = ({ chainID }: { chainID: string }) => {
                       valueAsNumber: true,
                     })}
                     inputMode="decimal"
+                    type="number"
                     placeholder={getPlaceholder(decimals)}
                     selectBefore={
                       <Select {...register(`coins.${index}.denom`)} before>

src/txs/wasm/MigrateContractForm.tsx

@@ -72,6 +72,7 @@ const MigrateContractForm = ({ contract }: { contract: AccAddress }) => {
                 },
               })}
               inputMode="decimal"
+              type="number"
               placeholder="1"
               autoFocus
             />