feat: move set modal state submitting to callback

Author: ev-d

features/adjustment/repay/hooks/use-burn.ts

@@ -55,24 +55,28 @@ export const useBurn = (onMutate = () => {}) => {
         to: activeVault.owner,
       });
       const needsAllowance = allowance < amount;
-
-      setModalState({ step: SubmitStepEnum.confirming });
-
       if (needsAllowance) {
+        setModalState({ step: SubmitStepEnum.confirming });
+
         const receipt = await tokenContract.approve({
           amount: maxUint256,
           to: activeVault.owner,
+          callback: async (props) => {
+            if (props.stage === 'receipt') {
+              setModalState({
+                step: SubmitStepEnum.submitting,
+                tx: receipt.hash,
+              });
+            }
+          },
         });
 
-        setModalState({ step: SubmitStepEnum.submitting, tx: receipt.hash });
-
         await publicClient.waitForTransactionReceipt({
           hash: receipt.hash,
         });
       }
 
       setModalState({ step: SubmitStepEnum.confirming });
-
       const tx = await writeContractAsync({
         abi: dashboardAbi,
         address: activeVault.owner,