Merge pull request #115 from kateberryd/reset

fix: deposit/withdraw form doesn't reset once tx is sent
strkfarm · Sep 10, 2024 · 76bb460 · 76bb460
2 parents bfabfe3 + 8956a96
commit 76bb460
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/src/app/slinks/page.tsx b/src/app/slinks/page.tsx
@@ -52,6 +52,11 @@ function GetCardSimple(strat: StrategyInfo) {
     return balance;
   }, [balance]);
 
+  // Function to reset the input fields to their initial state
+  const resetDepositForm = () => {
+    setAmount(MyNumber.fromZero());
+  };
+
   return (
     <Card
       key={strat.id}
@@ -111,6 +116,7 @@ function GetCardSimple(strat: StrategyInfo) {
               isDisabled:
                 amount.isZero() || amount.compare(maxAmount.toEtherStr(), 'gt'),
             }}
+            resetDepositForm={resetDepositForm}
           />
         </Box>
       </Flex>

diff --git a/src/components/Deposit.tsx b/src/components/Deposit.tsx
@@ -78,6 +78,13 @@ export default function Deposit(props: DepositProps) {
     };
   }, [amount, props]);
 
+  // Function to reset the input fields to their initial state
+  const resetDepositForm = () => {
+    setAmount(MyNumber.fromEther('0', selectedMarket.decimals));
+    setRawAmount('');
+    setDirty(false);
+  };
+
   // constructs tx calls
   const { calls, actions } = useMemo(() => {
     const actions = props.callsInfo(amount, address || '0x0', provider);
@@ -310,6 +317,7 @@ export default function Deposit(props: DepositProps) {
           }}
           selectedMarket={selectedMarket}
           strategy={props.strategy}
+          resetDepositForm={resetDepositForm}
         />
       </Center>
 

diff --git a/src/components/TxButton.tsx b/src/components/TxButton.tsx
@@ -35,6 +35,7 @@ interface TxButtonProps {
   justDisableIfNoWalletConnect?: boolean;
   selectedMarket?: TokenInfo;
   strategy?: IStrategyProps;
+  resetDepositForm: () => void;
 }
 
 export default function TxButton(props: TxButtonProps) {
@@ -60,6 +61,7 @@ export default function TxButton(props: TxButtonProps) {
 
   useEffect(() => {
     if (data && data.transaction_hash) {
+      props.resetDepositForm();
       // initiates a toast and adds the tx to tx history if successful
       monitorNewTx({
         txHash: data.transaction_hash,