rescue approval

Author: superbeefyboy

src/features/vault/sections/SectionPools.js

@@ -140,6 +140,19 @@ export default function SectionPools() {
       .catch(error => enqueueSnackbar(`Approval error: ${error}`, { variant: 'error' }));
   };
 
+  const onRescueApproval = (pool, index, event) => {
+    event.stopPropagation();
+    fetchApproval({
+      address,
+      web3,
+      tokenAddress: pool.tokenAddress,
+      contractAddress: pool.rescueAddress,
+      index,
+    })
+      .then(() => enqueueSnackbar(`Approval success`, { variant: 'success' }))
+      .catch(error => enqueueSnackbar(`Approval error: ${error}`, { variant: 'error' }));
+  };
+
   const onDeposit = (pool, index, isAll, balanceSingle, event) => {
     event.stopPropagation();
 
@@ -523,6 +536,12 @@ export default function SectionPools() {
                         }
 
                         {pool.status === 'rescue' && 
+                          <>
+                            <div className={classes.showDetailButtonCon}>
+                              <Button className={`${classes.showDetailButton} ${classes.showDetailButtonContained}`} onClick={onRescueApproval.bind(this, pool, index)}>
+                                Approve
+                              </Button>
+                            </div>
                             <Button
                               className={`${classes.showDetailButton} ${classes.showDetailButtonOutlined}`}
                               type="button"
@@ -531,6 +550,7 @@ export default function SectionPools() {
                             >
                               Rescue
                             </Button>
+                          </>
                         }
 
                       </div>