fix: Adapt form submit event

nervosnetwork · Sep 27, 2023 · f5c7188 · f5c7188
1 parent a97012f
commit f5c7188
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/packages/neuron-ui/src/components/DepositDialog/index.tsx b/packages/neuron-ui/src/components/DepositDialog/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useCallback } from 'react'
 import { Slider } from 'office-ui-fabric-react'
 import { Trans, useTranslation } from 'react-i18next'
 import TextField from 'widgets/TextField'
@@ -71,6 +71,16 @@ const DepositDialog = ({
   })
   const onConfirm = useOnDepositDialogSubmit({ onCloseDepositDialog, walletID })
   const onCancel = useOnDepositDialogCancel({ onCloseDepositDialog, resetDepositValue, setIsBalanceReserved })
+  const onSubmit = useCallback(
+    (e: React.FormEvent) => {
+      e.preventDefault()
+      if (disabled) {
+        return
+      }
+      onConfirm()
+    },
+    [disabled, onConfirm]
+  )
 
   return (
     <Dialog
@@ -85,7 +95,7 @@ const DepositDialog = ({
       {isDepositing ? (
         <Spinner size={SpinnerSize.large} />
       ) : (
-        <form>
+        <form onSubmit={onSubmit}>
           <label className={styles.depositValueLabel} htmlFor="depositValue">{`${t(
             'nervos-dao.deposit-amount'
           )}`}</label>