fix: add useEffect to set isSubmitting false when step reaches pending

DLC-link · Dec 12, 2024 · 8d43b0a · 8d43b0a
1 parent 2a2c239
commit 8d43b0a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/...mponents/mint-unmint/components/deposit-transaction-screen/deposit-transaction-screen.tsx b/...mponents/mint-unmint/components/deposit-transaction-screen/deposit-transaction-screen.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
 import { VStack, useToast } from '@chakra-ui/react';
@@ -46,6 +46,13 @@ export function DepositTransactionScreen({
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  useEffect(() => {
+    if (mintStep.step === MintSteps.PENDING) {
+      setIsSubmitting(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mintStep.step]);
+
   async function handleDeposit(depositAmount: number) {
     if (!currentVault) return;
 

diff --git a/src/app/components/mint-unmint/components/unmint/components/withdraw-screen.tsx b/src/app/components/mint-unmint/components/unmint/components/withdraw-screen.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
 import { VStack, useToast } from '@chakra-ui/react';
@@ -36,6 +36,13 @@ export function WithdrawScreen({
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  useEffect(() => {
+    if (unmintStep.step === RedeemSteps.PENDING) {
+      setIsSubmitting(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [unmintStep.step]);
+
   async function handleWithdraw(withdrawAmount: number): Promise<void> {
     if (currentVault) {
       try {